edwardsharp / sched-datepicker

yet another polymer datepicker

<sched-datepicker></sched-datepicker>

yet another datepicker (a prototype for sched.site)

features:

• today button
• min & max dates
• array of available dates
• multi date picker (select multiple dates)
• date range picker (select two dates: start & end)

note:

• multidate & rangedate can't be used at the same time!
• dateFormat, headingSelectedFormat, & headingNotSelectedFormat properties are moment.js format strings; doc: https://momentjs.com/docs/#/displaying/format/

API DOC, DEMO, & TEST PAGES

API DOC & DEMO: https://edwardsharp.github.io/sched-datepicker/

DEMO: https://edwardsharp.github.io/sched-datepicker/components/sched-datepicker/demo/index.html

TESTS: https://edwardsharp.github.io/sched-datepicker/components/sched-datepicker/test/sched-datepicker_test.html

INSTALL

bower i edwardsharp/sched-datepicker -S

TESTING

$ polymer test

...or visit /components/sched-datepicker/test/sched-datepicker_test.html (e.g. http://localhost:8080/components/sched-datepicker/test/sched-datepicker_test.html)

problems? feature requests?

create a github issue?

LICENSE

GNU General Public License version 3 (GPL-3.0)

sched-datepicker's Issues

Remove selected class in Polymer starterkit not working

Hello!
Congrats for the component it looks great.
I've found an issue while using the calendar in polymer starterkit. When you start to tap dates they are not un selected (even if the option multidate is false).

Reviewing the code I've seen the issue is related the shadow DOM created in the starterkit.

In the class sched-month-view.html -> function _dayTap.
There is two lines to remove the selected days
_toClear = this.querySelectorAll(':scope .selected');

This query selector is returning an empty array everytime. you can test it by printing the object in the console.

I've solved the issue by using the Polymer DOM function

_toClear = Polymer.dom(this.root).querySelectorAll('.selected');

This returns the current selected objects to be removed. And gets the issue solved :)

I do hope this can help you to improved your components or to others to solved the issue in their own code.

Regards

Next & Previous Month Disabled After Polymer Build

I have, what feels like, a strange question for you. Before I build/deploy the Next & Previous buttons work are enabled & work as intended, after I build they're disabled. Here's a short video to help illustrate. I'd like them to remain enabled & any help you can provide would be great. Thank You!

Polymer 2.0

Any plans on moving this component to Polymer v2?

Styling (Not Issue)

This components looks great!

Is there a way we can style the header which displays the month ? I would like to place the arrows on the left side and right side and the month in the center. Also change the font size and color.

Thanks