Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Calendar arrow icons missing #41

Open
izukingz opened this issue Jul 10, 2015 · 2 comments
Open

Calendar arrow icons missing #41

izukingz opened this issue Jul 10, 2015 · 2 comments

Comments

@izukingz
Copy link

How do i set the calendar arrow (next, previous) icons?

@sacarino
Copy link

You need to make sure the glyphicons are imported into your app - here's how to do it for ember-cli.

app.import('the/path/to/fonts/glyphicons-halflings-regular.woff', {
  destDir: 'fonts'
});

You'll need to do that for each file in the folder. See http://miguelcamba.com/blog/2014/08/10/import-bootstrap-glyphicons-in-ember-cli/ for more details.

Beyond that, you can set your icons to use fontawesome with icons=faicons

@Jopie01
Copy link

Jopie01 commented Dec 19, 2015

Today I installed the datepicker in my app, which has already bootstrap installed, with

ember install ember-bootstrap-datetimepicker

and added the component into my template

{{bs-datetimepicker date=date }}

Because I'm using fontAwsome I created a object like in the datepicker itself (https://github.com/Eonasdan/bootstrap-datetimepicker/blob/development/src/js/bootstrap-datetimepicker.js#L2393)
myIcons: {
time: 'fa fa-clock-o',
date: 'fa fa-calendar',
up: 'fa fa-chevron-up',
down: 'fa fa-chevron-down',
previous: 'fa fa-chevron-left',
next: 'fa fa-chevron-right',
today: 'fa fa-calendar-o',
clear: 'fa fa-trash',
close: 'fa fa-times'
}
and added the object to the component in the template

{{bs-datetimepicker date=date icons=myIcons }}

and it worked almost. The bs-datetimepicker template have to be changed to get the calendar icon from the myIcons object (change {{dateIcon}} to {{icons.date}} )

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants