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

Project Activity

See All Activity >

Categories

Scheduling

License

MIT License

Follow Appointment Picker

Appointment Picker Web Site

Other Useful Business Software
Go From Idea to Deployed AI App Fast Icon
Go From Idea to Deployed AI App Fast

One platform to build, fine-tune, and deploy. No MLOps team required.

Access Gemini 3 and 200+ models. Build chatbots, agents, or custom models with built-in monitoring and scaling.
Try Free
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of Appointment Picker!

Additional Project Details

Programming Language

JavaScript

Related Categories

JavaScript Scheduling Software

Registered

2023-06-23