jannicz / appointment-picker Goto Github PK

maxTime sets the maximum hour that can be picked, default is 24

it mean that e.g 9 is set that 9:15 cannot be picked or ?

if yes, add please this check (hour === opt.maxTime && minute) for the intervals, in the moment u can pick 9:00 as last maxTime is correct, but not the 9:[intervals].
} else if(hour === opt.maxTime && minute > 0){

Do a-picker capable of leading zero for 24H format (05:30 instead of 5:30)?

IE10 and older Safari Browsers could be easily supported by adding

display: -ms-flexbox;  /* IE 10 */
display: -webkit-flex; /* Safari 6.1+. iOS 7.1+, BB10 */

To enhance customizability, add an option to pass the pickers's html fragment in as an option, i.e.

template: {
  inner: "<li>foo</li>",
  outer: "<ul>{{inner}}</ul>"
}

As it seems timeslot are created programmatically via min/max, start/end and disabled dates -

But I have an array here which contains only the available start times of a timeslot.
(the length of a slot is defined.)

Would it be possible to pass this array to to th picker somehow?

Thank you in advance and best Regards, MT

Add classList polyfill to make the picker work in IE9 (and comparable) browsers.

Entering 5:00 PM (and PM in uppercase) parses to 5:00 instead of 17:00. Lowercase works fine.

A viable scenario is that an appointment could last 2h, why the limit for 60min?

The picker could mark bold the closest current time, so the user would see what time it is now...

Because of the used timeout a 'close' event is necessary, i.e. to hook into the functionality to enable custom validation on the input field.

Hi there,
I would like to display only the options and hide the input field - would this be possible?

Thank you and best regards, MT

If allowReset=true and the input is being cleared manually, the 'change.appo.picker' event is not being dispatched! A reset should also dispatch the event!

The picker should not close either if clicked in the same input field or after holding and releasing the mouse button. The picker should only close if clicked outside of both the input and the picker area.

u can add here click support for mouse

el.addEventListener('click', _this.openEventFn);

Though most projects use SCSS it would be helpful to have the option here.

is it possible to select two time slots to make up a time range?

When choosing an interval of 45mins, the time slots are not being calculated properly.
See screenshot provided.

It must be 10:00, 10:45, 11:30, 12:15, ...
I have not tested for all different kind of intervals between 1-60, other intervals may not be calculated properly as well.