dan-lee/timescape

A flexible, headless date and time input library for JavaScript. Provides tools for building fully customizable date and time input fields, with support for libraries like React, Preact, Vue, Svelte and Solid.

timescape's Issues

[Feature Request] Support Date Time Range Picker

Thanks for great repo. I would like to ask if you can add support for date time range picker like React-Aria: https://react-spectrum.adobe.com/react-aria/DateRangePicker.html

[Feature Request] Step option for minutes

It would be great to have an option to increment the minutes in steps when using the arrow up/down keys. For example when setting step=15 the minutes cycle through 15/30/45/00 when pressing the arrow keys.

Using the step attribute of the input for minutes will lead to a different result because it will just add or subtract the given value.

Mobile support

[Bug] Actual date and displayed date can get out of sync

After entering a digit in any of the input fields, the input might wait for more input, for example entering 3 as minutes could mean 3 or 30 to 39 minutes. If the user is using the arrow up/down key while the input field is waiting for more input, the actual date changes but the input field does not change. Also, the user can leave the input field with the arrow left/right key or by clicking on a different input field. In those cases the digit should be used as the new value, be shown in the input field and the input field should stop waiting for more input. Otherwise the actual date and the date the user sees will be different.

The issue is reproducible in this example. Let me know if you need more details.