Comments (6)
Automatically closed with my merge command!
readOnly
and disabled
added to version 2.9.0.
Adding these properties disables the calendar and prevents the user from changing
or editing
the initial value.
Please take a look at these links and let me know if the problem persists.
1- Read Only Calendar
2- Disabled Calendar
from react-multi-date-picker.
Hello
Thank you very much for reminding the typo.
Is this enough to make the calendar readOnly?
import { Calendar } from "react-multi-date-picker";
import { useState } from "react";
export default function App() {
const [value, setValue] = useState();
return <Calendar value={value} onChange={() => setValue({})} />;
}
Or do I need to add a readOnly prop for this purpose?
from react-multi-date-picker.
hmmm, I see that it works when the value
is on a useState
. For my use case, I have an array of objects with dates so I don't have a setValue
for each iteration as all of the dates is on a single state. Putting an onChange
with an empty function does not make the calendar read only.
from react-multi-date-picker.
I will add the readOnly
prop in v2.9.0.
So that, when readOnly
is activated, the user can no longer select a new date by the calendar
from react-multi-date-picker.
works perfectly now, thank you!
from react-multi-date-picker.
You're welcome.
from react-multi-date-picker.
Related Issues (20)
- Accessibility issues with tabbing and focus HOT 2
- Missing TS definition for DatePickerRef isOpen property HOT 3
- پاک کردن دستی تاریخ در react hook form به درستی انجام نمی شود؟ HOT 1
- react native? HOT 2
- در قسمت گرفتن تاریخ باید سه بار انتخاب کنم.
- Hi
- Months name in setting pluggin
- Problem with Nepal Calendar HOT 2
- unauthorized date
- Disable future HOT 1
- How to change programmatically the current displayed month in the Calendar component
- last day of maxDate can not be selected at 4.4.1 version! HOT 1
- DatePanel does not work when minDate is set with multiple enabled HOT 1
- Better typescript support for custom plugins
- چگونه فقط تاریخ و روز های مشخصی را قابل انتخاب کنیم؟ HOT 2
- Arabic calendar accessibility issue.
- TimePicker clear input field HOT 1
- analog time picker onchange causes rerender and ui problem
- Auto close in DatePicker Range HOT 1
- Adding multiple notification alarm in special days
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-multi-date-picker.