Shadcn UI Date Time Picker screenshot

Shadcn UI Date Time Picker

Author Avatar Theme by Uncvrd
Updated: 21 Aug 2023
127 Stars

Created with CodeSandbox

Categories

Overview:

The content introduces a temporary replacement for a DateTime Picker using shadcn UI components/theming. It utilizes react-aria’s useDatePicker for accessible date & time components. The repository welcomes PRs for enhancements and acknowledges the author’s limited expertise in DateTime & accessibility standards, serving as a beginner-friendly starting point.

Features:

  • Temporary DateTime Picker Replacement: Utilizes shadcn UI components/theming as a substitute for a DateTime Picker.
  • React-Aria Integration: Incorporates react-aria’s useDatePicker for accessible date & time components.
  • Community Contributions: Welcomes Pull Requests (PRs) for repository improvements.

Installation:

To install and use this temporary DateTime Picker replacement with shadcn UI components/theming and react-aria’s useDatePicker, follow these steps:

  1. Clone the repository:
git clone [repository-url]
  1. Install dependencies:
npm install
  1. Start the project:
npm start
  1. Access the temporary DateTime Picker in your browser at http://localhost:3000.

Summary:

The content provides an overview of a temporary DateTime Picker replacement using shadcn UI components/theming and react-aria’s useDatePicker. It invites contributions for enhancing the repository and acknowledges the author’s limited expertise in DateTime and accessibility standards. Users can follow the installation guide to incorporate this solution into their projects.