choc-datetimepicker
TypeScript icon, indicating that this package has built-in type declarations

0.13.2 • Public • Published


📅
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!

Readme

Keywords

none

Package Sidebar

Install

npm i choc-datetimepicker

Weekly Downloads

24

Version

0.13.2

License

MIT

Unpacked Size

229 kB

Total Files

36

Last publish

Collaborators

  • anubra266