Comments (4)
@skarjalainen Is it a strict requirement?
I tried to implement it today but the mask ugly jumps.
And it not comfortable for user when he input date with keyboard.
from react-dates.
Here is how on Mac date input looks like:
As you can see there is an empty "cell"/character is shown. I propose to follow this path in case when date patterns looks like 'D.M.YYYY', e.g. for day and month 2 positions/characters are still used, but after user input one position could still stay empty/unfilled.
from react-dates.
@kvolkovich-sc Users are used to look at dates without zeroes all around the app and it could be confusing if the zeroes are required when editing the value.
@asergeev-sc This suggestion looks good.
Placeholder: 'D.M.YYYY'
Typing '31.3.2017':
' 3. -.----'
'31. -.----'
'31. 3.----'
Displaying white space before day/month if the value is below 10.
One problem that comes in mind is how user moves from single character value to next value, maybe right arrow.
from react-dates.
Done.
from react-dates.
Related Issues (20)
- Click outside of "DayPicker" popup of "DatePicker" doesn't close it HOT 2
- It is impossible to choose 1 day only HOT 1
- It is impossible to select only date "To", or 'From' HOT 2
- It is impossible to change only one date in datepicker (start or end of period) HOT 1
- Create CODEOWNERS file HOT 2
- When user selects the date from the calendar, user can't move to the next field with tabulator.
- Consider usage of "dayjs" instead of "momentjs" HOT 2
- Add possibility to define disabled days HOT 2
- Incorrect time from react-dates component
- Restrict enter invalid value for DateInput and DateRangeInput
- Start week from sunday for "en" locale HOT 2
- DateRangeInput picker extend outside mobile area HOT 1
- Components don't work properly inside modal dialog HOT 2
- Arrows in Date Select for navigating by months are partially cut in IE
- Incorrect drop down popup from the selected field HOT 4
- DateRangePicker shows dropdown with predefined periods sticked to left side HOT 4
- Placeholder color under IE/Edge HOT 1
- No other options for locale
- DateInput calendar displayed incorrectly in the bottom and top of screen HOT 1
- Not works with NextJs HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-dates.