All Questions
Tagged with datepicker reactjs
675
questions
0
votes
1
answer
29
views
Unable to use MUI X Date picker Component inside Joy UI CssVarsProvider wrapper
Crash errors whenever i try to use DatePicker component in a any of my component.
package.json
"dependencies": {
"@emotion/react": "^11.11.4",
"@emotion/...
-1
votes
0
answers
49
views
Repurpose DatePicker from react-dates dynamically
I want to be able to repurpose DatePicker component from react-dates dynamically. This can be based on some configurable parameter.
e.g.
for Scenario 1, I want the DatePicker to act as a proper date ...
0
votes
1
answer
33
views
How can I set a custom header for a MUI DateCalendar in order to make it collapsable?
I'm trying to customize the MUI's DateCalendar component, expecting to add a new iconbutton in it's header, that may collapse its content when clicking it.
Such as this:
I managed to do everything, ...
0
votes
1
answer
33
views
Check two MUI date pickers for value and show/hide another component
I have two date pickers with a start date and end date
<Box sx={{ display: "flex", gap: 2, flexWrap: "wrap" }}>
<DatePicker
sx={{ ...
0
votes
0
answers
24
views
ag-grid - Date picker in the header filter is not closing on selection
I am using ag-grid in our React application application. I am using the date field and agDateColumnFilter for one of the columns. When I open the filter from the header and select a date, it does not ...
0
votes
0
answers
29
views
React native DatePicker provide android error
I have an error that I can't understand because the error only occurs on Android
Here is the error:
ERROR TypeError: Unable to read property 'calendars' not set
This error is located at:
in ...
0
votes
0
answers
59
views
How to customize MUI Date Picker buttons
How can I change teh background color of a selected shortcut item in the staticDateRangePicker?
For example when I click on button today and it is selected I want the background color to be 'grey' to ...
0
votes
1
answer
122
views
React DatePicker - Click outside day of month and calendar auto close, can't not select end date?
React DatePicker - Click outside day of month and calendar auto close, can't not select end date?
When i clicked April 30 then React DatePicker auto close. And I not choose end date.
enter image ...
0
votes
1
answer
43
views
How to hide the react-datepicker header?
I'm trying to hide the header in the react-datepicker. And from what I read it should just be the tag hideHeader. but it does not seem to be working for me.
according to this, the feature was added in ...
0
votes
0
answers
63
views
how to use Jalali date in ant design date picker Version 5
I am using ant design version 5 and I want to use a date picker. How can I use Jalaliday with ant design version 5. From my latest information there is antd-jalali for this purpose but I guess it is ...
0
votes
0
answers
200
views
How can I integrate the Date Picker Ranger from ShadCN into a React application?
I copied and pasted the Date Picker Ranger of Shad CN in the React App which is made by creating react-app and i am getting the error DateRange not found in react-day-picker
I want a proper ...
0
votes
0
answers
49
views
Unable to set value of Material UI datepicker from browser using query selector
I am using the Material UI v5 library for DatePicker.
I am trying to set the value of date picker (Material UI v5) from the browser using query selector, it vanishes when I click on the browser or tab ...
0
votes
0
answers
185
views
Prime React calendar : range and multiple mode support for Month and year Picker
I am using Prime react calendar date range in one of my project, but when i enable multiple mode with range selection monthpicker and yearpicker not working.
import React, { useState } from 'react';
...
0
votes
1
answer
44
views
MUI DatePicker 6.19.7 change picked day bgcolor using sx
How to change the color element indicated by the arrow? Using sx{}
DatePicker
<LocalizationProvider dateAdapter={AdapterDayjs}>
<DatePicker
...
1
vote
2
answers
98
views
How to put clear button inside calendar modal in antd datepicker component?
I am using andt datepicker component. In my case, the clear icon covers calendar button.
I need to remove the clear button and allow to clear manually. (but, as far as I know, currently it can not be ...