choc-datetimepicker icon indicating copy to clipboard operation
choc-datetimepicker copied to clipboard

Datepicker component for chakra ui


📅
choc-datetimepicker



npm package npm  downloads NPM

GitHub Repo stars

All Contributors


DateTimePicker Component for the Chakra UI Library.




npm i choc-datetimepicker





Introduction

This is a Date and Time picker package for Chakra UI. It aims to provide a very composable API that gives you full control of the rendering of every component in your picker, from the container to arrows to each date. You decide where they render and how they look, no buttonStyles, activeDateStyles... You decide if you even want it to be a button is the first place, all while still getting all the features a date picker should offer and in the locale of your choice.

In short; you're the boss.

Install

npm i --save choc-datetimepicker
#or
yarn add choc-datetimepicker

Add react Icons(optional if you're not using our default Buttons)

npm i --save react-icons
#or
yarn add react-icons

Preview

CleanShot 2022-01-16 at 15 57 37@2x CleanShot 2022-01-16 at 15 57 47@2x
CleanShot 2022-01-23 at 13 57 49@2x

Docs in Progress...

Upcoming features

  • Multi date selection
  • Time Picker

Contribute

  • Clone this repository
git clone https://github.com/anubra266/choc-datetimepicker.git
  • Install all dependencies (with yarn)
yarn
  • Install package example dependencies (with yarn)
cd example
yarn

Start the package server, and the example server

# root directory
yarn start

# example directory with (cd example)
yarn dev

Contributors ✨

Thanks goes to these wonderful people (emoji key):


Abraham

💻

This project follows the all-contributors specification. Contributions of any kind welcome!