ng-bootstrap datepicker CSS issue - missing glyphicon2019 Community Moderator Electionng-bootstrap datepicker formatAngular2 Bootstrap Datepicker format date issueng-bootstrap for Angular 2 datepicker does not popup the calendarangular 2 ng-bootstrap type ahead component - Can't bind to 'ngModel'How to apply custom styles to the ng-bootstrap datepicker?What is the difference between “ng-bootstrap” and “ngx-bootstrap”?Angular ng-bootstrap Datepickerangular 4 Datepicker css issueHow to combine ng-bootstrap with regular bootstrap css?ng-bootstrap datepicker CSS issue

What is the meaning of triple curly braces in phtml template files? When and how do we use them?

Fourth person (in Slavey language)

How to pass a string to a command that expects a file?

Unreachable code, but reachable with exception

Why the color red for the Republican Party

Make a transparent 448*448 image

Why is there a voltage between the mains ground and my radiator?

Why does the negative sign arise in this thermodynamic relation?

Latest web browser compatible with Windows 98

Why would one plane in this picture not have gear down yet?

How strictly should I take "Candidates must be local"?

Algorithm to convert a fixed-length string to the smallest possible collision-free representation?

What is the likely impact of grounding an entire aircraft series?

Could a cubesat propel itself to Mars?

Rejected in 4th interview round citing insufficient years of experience

Offered promotion but I'm leaving. Should I tell?

Why don't MCU characters ever seem to have language issues?

Do I really need to have a scientific explanation for my premise?

Is it true that real estate prices mainly go up?

Why would a jet engine that runs at temps excess of 2000°C burn when it crashes?

How does airport security verify that you can carry a battery bank over 100 Wh?

What do you call the air that rushes into your car in the highway?

How could our ancestors have domesticated a solitary predator?

Solving "Resistance between two nodes on a grid" problem in Mathematica



ng-bootstrap datepicker CSS issue - missing glyphicon



2019 Community Moderator Electionng-bootstrap datepicker formatAngular2 Bootstrap Datepicker format date issueng-bootstrap for Angular 2 datepicker does not popup the calendarangular 2 ng-bootstrap type ahead component - Can't bind to 'ngModel'How to apply custom styles to the ng-bootstrap datepicker?What is the difference between “ng-bootstrap” and “ngx-bootstrap”?Angular ng-bootstrap Datepickerangular 4 Datepicker css issueHow to combine ng-bootstrap with regular bootstrap css?ng-bootstrap datepicker CSS issue










0















I am using:



  • Angular 7.2.4

  • Bootstrap 4.3.1

  • ng-bootstrap 4.1.0.

After I followed the getting-started guide on ng-bootstrap, my output looks like this:



Button



How can I add the correct style to the Popup button?
My html:






<form class="form-inline">
<div class="form-group">
<div class="input-group">
From:
<input class="form-control" placeholder="format"
name="FromDp" [(ngModel)]="fromDateObj" ngbDatepicker #d="ngbDatepicker">
<div class="input-group-append">
<button class="btn btn-outline-secondary calendar" (click)="d.toggle()" type="button"></button>
</div>
</div>
</div>
</form>





http://plnkr.co/edit/NCNmpm3tlxapH4jZS08F?p=preview










share|improve this question









New contributor




kovdim is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.




















  • Hi Kovdim, please share your code for this date picker.

    – Mazdak
    Mar 7 at 10:12















0















I am using:



  • Angular 7.2.4

  • Bootstrap 4.3.1

  • ng-bootstrap 4.1.0.

After I followed the getting-started guide on ng-bootstrap, my output looks like this:



Button



How can I add the correct style to the Popup button?
My html:






<form class="form-inline">
<div class="form-group">
<div class="input-group">
From:
<input class="form-control" placeholder="format"
name="FromDp" [(ngModel)]="fromDateObj" ngbDatepicker #d="ngbDatepicker">
<div class="input-group-append">
<button class="btn btn-outline-secondary calendar" (click)="d.toggle()" type="button"></button>
</div>
</div>
</div>
</form>





http://plnkr.co/edit/NCNmpm3tlxapH4jZS08F?p=preview










share|improve this question









New contributor




kovdim is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.




















  • Hi Kovdim, please share your code for this date picker.

    – Mazdak
    Mar 7 at 10:12













0












0








0








I am using:



  • Angular 7.2.4

  • Bootstrap 4.3.1

  • ng-bootstrap 4.1.0.

After I followed the getting-started guide on ng-bootstrap, my output looks like this:



Button



How can I add the correct style to the Popup button?
My html:






<form class="form-inline">
<div class="form-group">
<div class="input-group">
From:
<input class="form-control" placeholder="format"
name="FromDp" [(ngModel)]="fromDateObj" ngbDatepicker #d="ngbDatepicker">
<div class="input-group-append">
<button class="btn btn-outline-secondary calendar" (click)="d.toggle()" type="button"></button>
</div>
</div>
</div>
</form>





http://plnkr.co/edit/NCNmpm3tlxapH4jZS08F?p=preview










share|improve this question









New contributor




kovdim is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.












I am using:



  • Angular 7.2.4

  • Bootstrap 4.3.1

  • ng-bootstrap 4.1.0.

After I followed the getting-started guide on ng-bootstrap, my output looks like this:



Button



How can I add the correct style to the Popup button?
My html:






<form class="form-inline">
<div class="form-group">
<div class="input-group">
From:
<input class="form-control" placeholder="format"
name="FromDp" [(ngModel)]="fromDateObj" ngbDatepicker #d="ngbDatepicker">
<div class="input-group-append">
<button class="btn btn-outline-secondary calendar" (click)="d.toggle()" type="button"></button>
</div>
</div>
</div>
</form>





http://plnkr.co/edit/NCNmpm3tlxapH4jZS08F?p=preview






<form class="form-inline">
<div class="form-group">
<div class="input-group">
From:
<input class="form-control" placeholder="format"
name="FromDp" [(ngModel)]="fromDateObj" ngbDatepicker #d="ngbDatepicker">
<div class="input-group-append">
<button class="btn btn-outline-secondary calendar" (click)="d.toggle()" type="button"></button>
</div>
</div>
</div>
</form>





<form class="form-inline">
<div class="form-group">
<div class="input-group">
From:
<input class="form-control" placeholder="format"
name="FromDp" [(ngModel)]="fromDateObj" ngbDatepicker #d="ngbDatepicker">
<div class="input-group-append">
<button class="btn btn-outline-secondary calendar" (click)="d.toggle()" type="button"></button>
</div>
</div>
</div>
</form>






ng-bootstrap






share|improve this question









New contributor




kovdim is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.











share|improve this question









New contributor




kovdim is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.









share|improve this question




share|improve this question








edited yesterday







kovdim













New contributor




kovdim is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.









asked Mar 7 at 7:49









kovdimkovdim

11




11




New contributor




kovdim is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.





New contributor





kovdim is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.






kovdim is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.












  • Hi Kovdim, please share your code for this date picker.

    – Mazdak
    Mar 7 at 10:12

















  • Hi Kovdim, please share your code for this date picker.

    – Mazdak
    Mar 7 at 10:12
















Hi Kovdim, please share your code for this date picker.

– Mazdak
Mar 7 at 10:12





Hi Kovdim, please share your code for this date picker.

– Mazdak
Mar 7 at 10:12












0






active

oldest

votes











Your Answer






StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);






kovdim is a new contributor. Be nice, and check out our Code of Conduct.









draft saved

draft discarded


















StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55038582%2fng-bootstrap-datepicker-css-issue-missing-glyphicon%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown

























0






active

oldest

votes








0






active

oldest

votes









active

oldest

votes






active

oldest

votes








kovdim is a new contributor. Be nice, and check out our Code of Conduct.









draft saved

draft discarded


















kovdim is a new contributor. Be nice, and check out our Code of Conduct.












kovdim is a new contributor. Be nice, and check out our Code of Conduct.











kovdim is a new contributor. Be nice, and check out our Code of Conduct.














Thanks for contributing an answer to Stack Overflow!


  • Please be sure to answer the question. Provide details and share your research!

But avoid


  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55038582%2fng-bootstrap-datepicker-css-issue-missing-glyphicon%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown