A lightweight, accessible and customizable javascript time picker widget. With startTime and endTime appointments below and above can be visually removed. If startTime is greater than minTime a lower time can still be manually set via the keyboard. On the other hand the picker does not accept lower hours than minTime and higher than maxTime. Manually entered times outside of the defined bounds will be rejected by the picker, no extra validation is therefore needed. Entering an empty string into the input resets the time. Appointment Picker can be easily integrated into a React component. Simply import the node module and use React.createRef() to pass the DOM element when calling new AppointmentPicker.
Features
- No dependencies
- Tiny (6KB minified, 2KB gzipped)
- Only the listed times can be picked or entered, no validation necessary
- Demo and Examples
- The appointment-picker can be configured with options
- Initialize the picker using the new keyword
Project Samples
Categories
SchedulingLicense
MIT LicenseFollow Appointment Picker
You Might Also Like
MongoDB Atlas runs apps anywhere
MongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
Rate This Project
Login To Rate This Project
User Reviews
Be the first to post a review of Appointment Picker!