https://github.com/rudrodip/shadcn-date-time-picker
ShadCN Date Time Picker
https://github.com/rudrodip/shadcn-date-time-picker
date-fns date-time-picker datetime nextjs shadcn-ui
Last synced: 9 months ago
JSON representation
ShadCN Date Time Picker
- Host: GitHub
- URL: https://github.com/rudrodip/shadcn-date-time-picker
- Owner: rudrodip
- License: mit
- Created: 2024-08-26T11:01:11.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-09-18T05:17:35.000Z (over 1 year ago)
- Last Synced: 2025-03-23T00:38:36.776Z (9 months ago)
- Topics: date-fns, date-time-picker, datetime, nextjs, shadcn-ui
- Language: TypeScript
- Homepage: https://time.rdsx.dev
- Size: 481 KB
- Stars: 108
- Watchers: 2
- Forks: 9
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
- awesome-shadcnui - Github
README
# 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](https://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](https://time.rdsx.dev)
- [Date Picker Range](https://time.rdsx.dev)
- [Date-Time Picker (12h)](https://time.rdsx.dev)
- [Date-Time Picker](https://time.rdsx.dev)
See how these components work with `react-hook-form` and `zod`:
- [Date Picker Form](https://time.rdsx.dev)
- [Date Picker Range Form](https://time.rdsx.dev)
- [Date-Time Picker (12h) Form](https://time.rdsx.dev)
- [Date-Time Picker Form](https://time.rdsx.dev)
## 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:**
```sh
git clone https://github.com/your-username/shadcn-date-time-picker.git
cd shadcn-date-time-picker
```
2. **Install dependencies:**
```sh
bun install
```
3. **Run the development server:**
```sh
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](./LICENSE.md).