Comments (3)
It's mostly because you define your custom component inside the main one whereas you should never define a component inside another one.
Here is a solution.
https://codesandbox.io/s/mui-x-date-pickers-pro-forked-x6lsc8?file=/src/App.tsx
from mui-x.
Thank you ! Works great !
Is there a way to know which one's of the fields in MultiInputDateRangeField is selected ?
Currently I'm using document.activeElement === startInputRef.current
to know which one is selected. I was wondering if there was a better way.
from mui-x.
Is there a way to know which one's of the fields in MultiInputDateRangeField is selected ?
Currently I'm using
document.activeElement === startInputRef.current
to know which one is selected. I was wondering if there was a better way.
It's not a bad option. If you were to use the picker instead of the field, then you could use the onRangePositionChange
callback.
I'm closing the issue as it seems that the root cause has been resolved.
If you still think that the issue is relevant - feel free to reopen it or create a new issue.
from mui-x.
Related Issues (20)
- [pickers] DateRangePicker close when navigating back and minDate is set HOT 10
- [pickers] slots not working properly while using onchange in mui-pickers HOT 10
- [docs] Customization playground - fix default theme values HOT 1
- [question] DataGrid Filtering Sorting
- MUI-X-Charts Not Building Properly in Next.js 12 Application HOT 1
- [pickers] Add previous and next year controls to date calendars HOT 6
- [core] Remove unnecessary syntax from JS Docs HOT 1
- [datagrid] Autosize Columns - Headers being cut off HOT 9
- Allow to customize the column definition of the checkbox added by checkboxSelection HOT 1
- [datagrid] Infinite width resize issue HOT 1
- [pickers] Support UTC dates and timezones for DateFns HOT 2
- Current meridiem in time clock HOT 2
- TreeView captures CTRL + ENTER key HOT 8
- [datagrid] How to autosize columns on rows fetch HOT 4
- [pickers] Days go blank when selecting date outside DST HOT 2
- About TreeItem new feature HOT 2
- [datagrid] Remove the legacy filtering API
- [Datagrid] Entering '0' or '-' in MUI DataGrid with 'number' column doesn't update the cell value on the first attempt
- [pickers] Day light saving cause duplicated day in calendar with dayjs HOT 1
- [question] HOT 3
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 mui-x.