[pickers] Remove TSection and stictly type TValue

mui · Nov 15, 2024 · d908e9c · d908e9c
1 parent d1ca6a4
commit d908e9c
Show file tree

Hide file tree

Showing 200 changed files with 1,117 additions and 981 deletions.
diff --git a/docs/data/date-pickers/custom-layout/AddComponent.js b/docs/data/date-pickers/custom-layout/AddComponent.js
@@ -1,4 +1,5 @@
 import * as React from 'react';
+
 import Box from '@mui/material/Box';
 import List from '@mui/material/List';
 import ListItem from '@mui/material/ListItem';

diff --git a/docs/data/date-pickers/custom-layout/AddComponent.tsx b/docs/data/date-pickers/custom-layout/AddComponent.tsx
@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { Dayjs } from 'dayjs';
 import Box from '@mui/material/Box';
 import List from '@mui/material/List';
 import ListItem from '@mui/material/ListItem';
@@ -57,7 +58,7 @@ function RestaurantHeader() {
   );
 }
 
-function CustomLayout(props: PickersLayoutProps<false, DateView>) {
+function CustomLayout(props: PickersLayoutProps<Dayjs | null, DateView>) {
   const { toolbar, tabs, content, actionBar } = usePickerLayout(props);
 
   return (

diff --git a/docs/data/date-pickers/date-range-picker/BasicRangeShortcuts.tsx b/docs/data/date-pickers/date-range-picker/BasicRangeShortcuts.tsx
@@ -1,11 +1,12 @@
 import * as React from 'react';
-import dayjs from 'dayjs';
+import dayjs, { Dayjs } from 'dayjs';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
 import { StaticDateRangePicker } from '@mui/x-date-pickers-pro/StaticDateRangePicker';
 import { PickersShortcutsItem } from '@mui/x-date-pickers/PickersShortcuts';
+import { DateRange } from '@mui/x-date-pickers-pro/models';
 
-const shortcutsItems: PickersShortcutsItem<true>[] = [
+const shortcutsItems: PickersShortcutsItem<DateRange<Dayjs>>[] = [
   {
     label: 'This Week',
     getValue: () => {

diff --git a/docs/data/date-pickers/fields/ControlledSelectedSectionsSingleInputRangeField.js b/docs/data/date-pickers/fields/ControlledSelectedSectionsSingleInputRangeField.js
@@ -1,4 +1,5 @@
 import * as React from 'react';
+
 import Typography from '@mui/material/Typography';
 import Stack from '@mui/material/Stack';
 import Button from '@mui/material/Button';

diff --git a/docs/data/date-pickers/fields/ControlledSelectedSectionsSingleInputRangeField.tsx b/docs/data/date-pickers/fields/ControlledSelectedSectionsSingleInputRangeField.tsx
@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { Dayjs } from 'dayjs';
 import Typography from '@mui/material/Typography';
 import Stack from '@mui/material/Stack';
 import Button from '@mui/material/Button';
@@ -9,14 +10,14 @@ import {
   FieldSelectedSections,
   FieldRef,
 } from '@mui/x-date-pickers/models';
-import { RangePosition } from '@mui/x-date-pickers-pro/models';
+import { DateRange, RangePosition } from '@mui/x-date-pickers-pro/models';
 import { SingleInputDateRangeField } from '@mui/x-date-pickers-pro/SingleInputDateRangeField';
 
 export default function ControlledSelectedSectionsSingleInputRangeField() {
   const [selectedSections, setSelectedSections] =
     React.useState<FieldSelectedSections>(null);
   const inputRef = React.useRef<HTMLInputElement>(null);
-  const fieldRef = React.useRef<FieldRef<true>>(null);
+  const fieldRef = React.useRef<FieldRef<DateRange<Dayjs>>>(null);
 
   const setSelectedSectionType = (
     selectedSectionType: FieldSectionType,

diff --git a/docs/data/date-pickers/shortcuts/AdvancedRangeShortcuts.tsx b/docs/data/date-pickers/shortcuts/AdvancedRangeShortcuts.tsx
@@ -4,8 +4,9 @@ import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
 import { StaticDateRangePicker } from '@mui/x-date-pickers-pro/StaticDateRangePicker';
 import { PickersShortcutsItem } from '@mui/x-date-pickers/PickersShortcuts';
+import { DateRange } from '@mui/x-date-pickers-pro/models';
 
-const shortcutsItems: PickersShortcutsItem<true>[] = [
+const shortcutsItems: PickersShortcutsItem<DateRange<Dayjs>>[] = [
   {
     label: 'Next Available Weekend',
     getValue: ({ isValid }) => {

diff --git a/docs/data/date-pickers/shortcuts/BasicRangeShortcuts.tsx b/docs/data/date-pickers/shortcuts/BasicRangeShortcuts.tsx
@@ -1,11 +1,12 @@
 import * as React from 'react';
-import dayjs from 'dayjs';
+import dayjs, { Dayjs } from 'dayjs';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
 import { StaticDateRangePicker } from '@mui/x-date-pickers-pro/StaticDateRangePicker';
 import { PickersShortcutsItem } from '@mui/x-date-pickers/PickersShortcuts';
+import { DateRange } from '@mui/x-date-pickers-pro/models';
 
-const shortcutsItems: PickersShortcutsItem<true>[] = [
+const shortcutsItems: PickersShortcutsItem<DateRange<Dayjs>>[] = [
   {
     label: 'This Week',
     getValue: () => {

diff --git a/docs/data/date-pickers/shortcuts/BasicShortcuts.tsx b/docs/data/date-pickers/shortcuts/BasicShortcuts.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import dayjs from 'dayjs';
+import dayjs, { Dayjs } from 'dayjs';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
 import { StaticDatePicker } from '@mui/x-date-pickers/StaticDatePicker';
@@ -24,7 +24,7 @@ const getMonthWeekday = (
   );
 };
 
-const shortcutsItems: PickersShortcutsItem<false>[] = [
+const shortcutsItems: PickersShortcutsItem<Dayjs | null>[] = [
   {
     label: "New Year's Day",
     getValue: () => {

diff --git a/docs/data/date-pickers/shortcuts/ChangeImportance.tsx b/docs/data/date-pickers/shortcuts/ChangeImportance.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import dayjs from 'dayjs';
+import dayjs, { Dayjs } from 'dayjs';
 import Stack from '@mui/material/Stack';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
@@ -30,7 +30,7 @@ const getMonthWeekday = (
   );
 };
 
-const shortcutsItems: PickersShortcutsItem<false>[] = [
+const shortcutsItems: PickersShortcutsItem<Dayjs | null>[] = [
   {
     label: "New Year's Day",
     getValue: () => {

diff --git a/docs/data/date-pickers/shortcuts/CustomizedRangeShortcuts.tsx b/docs/data/date-pickers/shortcuts/CustomizedRangeShortcuts.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import dayjs from 'dayjs';
+import dayjs, { Dayjs } from 'dayjs';
 import List from '@mui/material/List';
 import ListItem from '@mui/material/ListItem';
 import Chip from '@mui/material/Chip';
@@ -12,8 +12,9 @@ import {
   PickersShortcutsItem,
   PickersShortcutsProps,
 } from '@mui/x-date-pickers/PickersShortcuts';
+import { DateRange } from '@mui/x-date-pickers-pro/models';
 
-const shortcutsItems: PickersShortcutsItem<true>[] = [
+const shortcutsItems: PickersShortcutsItem<DateRange<Dayjs>>[] = [
   {
     label: 'This Week',
     getValue: () => {
@@ -54,7 +55,7 @@ const shortcutsItems: PickersShortcutsItem<true>[] = [
   { label: 'Reset', getValue: () => [null, null] },
 ];
 
-function CustomRangeShortcuts(props: PickersShortcutsProps<true>) {
+function CustomRangeShortcuts(props: PickersShortcutsProps<DateRange<Dayjs>>) {
   const { items, onChange, isValid, changeImportance = 'accept' } = props;
 
   if (items == null || items.length === 0) {

diff --git a/docs/data/date-pickers/shortcuts/DisabledDatesShortcuts.tsx b/docs/data/date-pickers/shortcuts/DisabledDatesShortcuts.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import dayjs from 'dayjs';
+import dayjs, { Dayjs } from 'dayjs';
 import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
 import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
 import { StaticDatePicker } from '@mui/x-date-pickers/StaticDatePicker';
@@ -24,7 +24,7 @@ const getMonthWeekday = (
   );
 };
 
-const shortcutsItems: PickersShortcutsItem<false>[] = [
+const shortcutsItems: PickersShortcutsItem<Dayjs | null>[] = [
   {
     label: "New Year's Day",
     getValue: () => {

diff --git a/docs/data/date-pickers/shortcuts/OnChangeShortcutLabel.tsx b/docs/data/date-pickers/shortcuts/OnChangeShortcutLabel.tsx
@@ -32,7 +32,7 @@ const getMonthWeekday = (
   );
 };
 
-const shortcutsItems: PickersShortcutsItem<false>[] = [
+const shortcutsItems: PickersShortcutsItem<Dayjs | null>[] = [
   {
     label: "New Year's Day",
     getValue: () => {

diff --git a/docs/data/migration/migration-pickers-v5/MobileKeyboardView.js b/docs/data/migration/migration-pickers-v5/MobileKeyboardView.js
@@ -1,4 +1,5 @@
 import * as React from 'react';
+
 import Box from '@mui/material/Box';
 import Stack from '@mui/material/Stack';
 import IconButton from '@mui/material/IconButton';

diff --git a/docs/data/migration/migration-pickers-v5/MobileKeyboardView.tsx b/docs/data/migration/migration-pickers-v5/MobileKeyboardView.tsx
@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { Dayjs } from 'dayjs';
 import Box from '@mui/material/Box';
 import Stack from '@mui/material/Stack';
 import IconButton from '@mui/material/IconButton';
@@ -21,7 +22,7 @@ import {
   DatePickerToolbarProps,
 } from '@mui/x-date-pickers/DatePicker';
 
-function LayoutWithKeyboardView(props: PickersLayoutProps<false, DateView>) {
+function LayoutWithKeyboardView(props: PickersLayoutProps<Dayjs | null, DateView>) {
   const { value, onChange } = props;
   const [showKeyboardView, setShowKeyboardView] = React.useState(false);
 

diff --git a/docs/pages/x/api/date-pickers/date-calendar.json b/docs/pages/x/api/date-pickers/date-calendar.json
@@ -34,7 +34,7 @@
     "onChange": {
       "type": { "name": "func" },
       "signature": {
-        "type": "function(value: InferPickerValue<TIsRange>, selectionState: PickerSelectionState | undefined, selectedView: TView | undefined) => void",
+        "type": "function(value: TValue, selectionState: PickerSelectionState | undefined, selectedView: TView | undefined) => void",
         "describedArgs": ["value", "selectionState", "selectedView"]
       }
     },

diff --git a/docs/pages/x/api/date-pickers/date-field.json b/docs/pages/x/api/date-pickers/date-field.json
@@ -42,15 +42,15 @@
     "onChange": {
       "type": { "name": "func" },
       "signature": {
-        "type": "function(value: InferPickerValue<TIsRange>, context: FieldChangeHandlerContext<TError>) => void",
+        "type": "function(value: TValue, context: FieldChangeHandlerContext<TError>) => void",
         "describedArgs": ["value", "context"]
       }
     },
     "onClear": { "type": { "name": "func" } },
     "onError": {
       "type": { "name": "func" },
       "signature": {
-        "type": "function(error: TError, value: InferPickerValue<TIsRange>) => void",
+        "type": "function(error: TError, value: TValue) => void",
         "describedArgs": ["error", "value"]
       }
     },

diff --git a/docs/pages/x/api/date-pickers/date-picker.json b/docs/pages/x/api/date-pickers/date-picker.json
@@ -45,22 +45,22 @@
     "onAccept": {
       "type": { "name": "func" },
       "signature": {
-        "type": "function(value: InferPickerValue<TIsRange>, context: FieldChangeHandlerContext<TError>) => void",
+        "type": "function(value: TValue, context: FieldChangeHandlerContext<TError>) => void",
         "describedArgs": ["value", "context"]
       }
     },
     "onChange": {
       "type": { "name": "func" },
       "signature": {
-        "type": "function(value: InferPickerValue<TIsRange>, context: FieldChangeHandlerContext<TError>) => void",
+        "type": "function(value: TValue, context: FieldChangeHandlerContext<TError>) => void",
         "describedArgs": ["value", "context"]
       }
     },
     "onClose": { "type": { "name": "func" } },
     "onError": {
       "type": { "name": "func" },
       "signature": {
-        "type": "function(error: TError, value: InferPickerValue<TIsRange>) => void",
+        "type": "function(error: TError, value: TValue) => void",
         "describedArgs": ["error", "value"]
       }
     },

diff --git a/docs/pages/x/api/date-pickers/date-range-calendar.json b/docs/pages/x/api/date-pickers/date-range-calendar.json
@@ -43,7 +43,7 @@
     "onChange": {
       "type": { "name": "func" },
       "signature": {
-        "type": "function(value: InferPickerValue<TIsRange>, selectionState: PickerSelectionState | undefined, selectedView: TView | undefined) => void",
+        "type": "function(value: TValue, selectionState: PickerSelectionState | undefined, selectedView: TView | undefined) => void",
         "describedArgs": ["value", "selectionState", "selectedView"]
       }
     },

diff --git a/docs/pages/x/api/date-pickers/date-range-picker.json b/docs/pages/x/api/date-pickers/date-range-picker.json
@@ -55,22 +55,22 @@
     "onAccept": {
       "type": { "name": "func" },
       "signature": {
-        "type": "function(value: InferPickerValue<TIsRange>, context: FieldChangeHandlerContext<TError>) => void",
+        "type": "function(value: TValue, context: FieldChangeHandlerContext<TError>) => void",
         "describedArgs": ["value", "context"]
       }
     },
     "onChange": {
       "type": { "name": "func" },
       "signature": {
-        "type": "function(value: InferPickerValue<TIsRange>, context: FieldChangeHandlerContext<TError>) => void",
+        "type": "function(value: TValue, context: FieldChangeHandlerContext<TError>) => void",
         "describedArgs": ["value", "context"]
       }
     },
     "onClose": { "type": { "name": "func" } },
     "onError": {
       "type": { "name": "func" },
       "signature": {
-        "type": "function(error: TError, value: InferPickerValue<TIsRange>) => void",
+        "type": "function(error: TError, value: TValue) => void",
         "describedArgs": ["error", "value"]
       }
     },

diff --git a/docs/pages/x/api/date-pickers/date-time-field.json b/docs/pages/x/api/date-pickers/date-time-field.json
@@ -49,15 +49,15 @@
     "onChange": {
       "type": { "name": "func" },
       "signature": {
-        "type": "function(value: InferPickerValue<TIsRange>, context: FieldChangeHandlerContext<TError>) => void",
+        "type": "function(value: TValue, context: FieldChangeHandlerContext<TError>) => void",
         "describedArgs": ["value", "context"]
       }
     },
     "onClear": { "type": { "name": "func" } },
     "onError": {
       "type": { "name": "func" },
       "signature": {
-        "type": "function(error: TError, value: InferPickerValue<TIsRange>) => void",
+        "type": "function(error: TError, value: TValue) => void",
         "describedArgs": ["error", "value"]
       }
     },

diff --git a/docs/pages/x/api/date-pickers/date-time-picker.json b/docs/pages/x/api/date-pickers/date-time-picker.json
@@ -53,22 +53,22 @@
     "onAccept": {
       "type": { "name": "func" },
       "signature": {
-        "type": "function(value: InferPickerValue<TIsRange>, context: FieldChangeHandlerContext<TError>) => void",
+        "type": "function(value: TValue, context: FieldChangeHandlerContext<TError>) => void",
         "describedArgs": ["value", "context"]
       }
     },
     "onChange": {
       "type": { "name": "func" },
       "signature": {
-        "type": "function(value: InferPickerValue<TIsRange>, context: FieldChangeHandlerContext<TError>) => void",
+        "type": "function(value: TValue, context: FieldChangeHandlerContext<TError>) => void",
         "describedArgs": ["value", "context"]
       }
     },
     "onClose": { "type": { "name": "func" } },
     "onError": {
       "type": { "name": "func" },
       "signature": {
-        "type": "function(error: TError, value: InferPickerValue<TIsRange>) => void",
+        "type": "function(error: TError, value: TValue) => void",
         "describedArgs": ["error", "value"]
       }
     },

diff --git a/docs/pages/x/api/date-pickers/date-time-range-picker.json b/docs/pages/x/api/date-pickers/date-time-range-picker.json
@@ -62,22 +62,22 @@
     "onAccept": {
       "type": { "name": "func" },
       "signature": {
-        "type": "function(value: InferPickerValue<TIsRange>, context: FieldChangeHandlerContext<TError>) => void",
+        "type": "function(value: TValue, context: FieldChangeHandlerContext<TError>) => void",
         "describedArgs": ["value", "context"]
       }
     },
     "onChange": {
       "type": { "name": "func" },
       "signature": {
-        "type": "function(value: InferPickerValue<TIsRange>, context: FieldChangeHandlerContext<TError>) => void",
+        "type": "function(value: TValue, context: FieldChangeHandlerContext<TError>) => void",
         "describedArgs": ["value", "context"]
       }
     },
     "onClose": { "type": { "name": "func" } },
     "onError": {
       "type": { "name": "func" },
       "signature": {
-        "type": "function(error: TError, value: InferPickerValue<TIsRange>) => void",
+        "type": "function(error: TError, value: TValue) => void",
         "describedArgs": ["error", "value"]
       }
     },

diff --git a/docs/pages/x/api/date-pickers/desktop-date-picker.json b/docs/pages/x/api/date-pickers/desktop-date-picker.json
@@ -41,22 +41,22 @@
     "onAccept": {
       "type": { "name": "func" },
       "signature": {
-        "type": "function(value: InferPickerValue<TIsRange>, context: FieldChangeHandlerContext<TError>) => void",
+        "type": "function(value: TValue, context: FieldChangeHandlerContext<TError>) => void",
         "describedArgs": ["value", "context"]
       }
     },
     "onChange": {
       "type": { "name": "func" },
       "signature": {
-        "type": "function(value: InferPickerValue<TIsRange>, context: FieldChangeHandlerContext<TError>) => void",
+        "type": "function(value: TValue, context: FieldChangeHandlerContext<TError>) => void",
         "describedArgs": ["value", "context"]
       }
     },
     "onClose": { "type": { "name": "func" } },
     "onError": {
       "type": { "name": "func" },
       "signature": {
-        "type": "function(error: TError, value: InferPickerValue<TIsRange>) => void",
+        "type": "function(error: TError, value: TValue) => void",
         "describedArgs": ["error", "value"]
       }
     },