Comments (4)
Hi @wojtekmaj could be awesome to include this information on Readme, thank you.
from react-date-picker.
Use onInvalid to present a custom error, just like you normally would with any other input. Otherwise, an error will be shown in a popover upon submitting the form the input is in.
from react-date-picker.
Agree with @bastian-hidalgo here. There should be some prop in the API like "onError" that communicates the error externally. This is all managed internally.
I'm having the following issues in this codesandbox
- onInvalid doesn't work on invalid dates
- there's no popover communicating errors
- error handling is not in the API table
All it's left is the highlighted in red input. This is not good for accessibility as we are relying in color to communicate an error and we can customize error messaging as we don't have access to it.
from react-date-picker.
v10.2.0 adds onInvalidChange
prop which resolves this issue.
from react-date-picker.
Related Issues (20)
- How to set data-testid prop? HOT 2
- Warning / Bug with Vite v4 HOT 1
- edge case of value < minDate HOT 5
- Fast inputs: Cursor "jumps" to the last selected field instead of the next field
- TypeScript build failure HOT 9
- Support for defaultValue HOT 4
- Partially set date is reset on focus out and back in HOT 2
- If the value entered 0 don't focus the next field when there is a max value set to sigle digit month/date HOT 4
- Type 'Dispatch<SetStateAction>' is not assignable to type '(value: Value) => void'. HOT 1
- Demo link is not working HOT 1
- Module not found: ESM packages (@wojtekmaj/date-utils) HOT 4
- Click on "inputGroup__divider" does not open calendar HOT 2
- ref doesn't reference HOT 8
- Calendar is closing in drill down HOT 2
- Any click on custom footer with buttons like 'Today' and 'Clear' are propagating outsideAction thus closes the datepicker HOT 4
- If input value is less than mindate mindate is shown HOT 5
- Clicking anywhere that is not an active button when placed in react-modal triggers outsideAction and closes the calendar HOT 4
- Denying first `shouldCloseCalendar` turns `Enter` keydown behaviour from `reason` type of `buttonClick` to `select` HOT 2
- react-date-picker 10.0.0 accidentally pushed to npmjs as 9.3.0? 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-date-picker.