ShadCN Date Time Picker

Overview

The ShadCN Date Time Picker project features a range of Date and Time picker components built with ShadCN. These examples highlight the components' versatility and functionality across various use cases.

How to Use

To get started, visit time.rdsx.dev. You can click the copy button to copy the code or the view code button to see the code in detail.

Examples

Check out the live examples of our Date and Time picker components:

• Date Picker
• Date Picker Range
• Date-Time Picker (12h)
• Date-Time Picker

See how these components work with react-hook-form and zod:

• Date Picker Form
• Date Picker Range Form
• Date-Time Picker (12h) Form
• Date-Time Picker Form

Contributing

We welcome contributions! Follow the local setup instructions below to get started.

Note

You can use your favorite JavaScript runtime and package manager. This project uses bun.

1. Clone the repository:

   git clone https://github.com/your-username/shadcn-date-time-picker.git
   cd shadcn-date-time-picker

2. Install dependencies:

   bun install

3. Run the development server:

   bun run dev

4. Open your browser:

   Go to http://localhost:3000 to see the project in action.

You're all set!

License

This project is licensed under the MIT License.