anteroselin / react-datetime-picker Goto Github PK
View Code? Open in Web Editor NEWdate time picker component using react
Home Page: https://react-datetime-picker.vercel.app
date time picker component using react
Home Page: https://react-datetime-picker.vercel.app
Add datetime-picker.scss
Create a time-picker component
Time-picker component would be input field
Display as 12 hours format
Add some unit tests, with testing-library, to test, for example:
Add initial time to timepicker
Show today as primary color
Highlight hovered day
Filled out active day with primary color
Create a custom select component.
Will be searchable, and able to set default values
Display correct month using day component
Disable days before mindate and after maxdate.
Hidden days without in current month
Create a timezone picker using custom select component
Will be searchable.
Able to set default timezone
Change background
Align center
Update import orders
Review, and update codes
Now it has been hidden, so can't view the calendar.
Please fix it
Create a Header component
Add buttons to navigate months
Make a isTimezone props to split into showTime and Timezone functionality
when you scroll, the calendar does not moved, so there are cases, like in the video, where it is not possible to see the days
Create a Datetime Picker component
Able to add time to set time
Able to select timezone
Now month navigation doesn't work.
Please check navigation functionality and fix it.
Create a custom button component
Will have variant, and custom props
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.