日期时间选择器

<DateTimePicker label="Basic date time picker" />

<DateTimePicker
  label="Uncontrolled picker"
  defaultValue={dayjs('2022-04-17T15:30')}
/>
<DateTimePicker
  label="Controlled picker"
  value={value}
  onChange={(newValue) => setValue(newValue)}
/>

<DemoItem label="Desktop variant">
  <DesktopDateTimePicker defaultValue={dayjs('2022-04-17T15:30')} />
</DemoItem>
<DemoItem label="Mobile variant">
  <MobileDateTimePicker defaultValue={dayjs('2022-04-17T15:30')} />
</DemoItem>
<DemoItem label="Responsive variant">
  <DateTimePicker defaultValue={dayjs('2022-04-17T15:30')} />
</DemoItem>
<DemoItem label="Static variant">
  <StaticDateTimePicker defaultValue={dayjs('2022-04-17T15:30')} />
</DemoItem>

<DateTimePicker label="disabled" disabled />
<DateTimePicker label="readOnly" readOnly />
<DateTimePicker label="name" name="startDateTime" />

<DemoItem
  label={'"year"", "month", "day", "hours", "minutes" and "seconds"'}
>
  <DateTimePicker
    views={['year', 'month', 'day', 'hours', 'minutes', 'seconds']}
  />
</DemoItem>
<DemoItem label={'"day", "hours"'}>
  <DateTimePicker views={['day', 'hours']} />
</DemoItem>
<DemoItem label={'"year", "day", "hours", "minutes", "seconds"'}>
  <DateTimePicker views={['year', 'day', 'hours', 'minutes', 'seconds']} />
</DemoItem>

<DateTimePicker label={'"year"'} openTo="year" />
<MobileTimePicker label={'"hours"'} openTo="hours" />

<StaticDateTimePicker orientation="landscape" />

<DateTimePicker
  label="With Time Clock"
  viewRenderers={{
    hours: renderTimeViewClock,
    minutes: renderTimeViewClock,
    seconds: renderTimeViewClock,
  }}
/>
<DateTimePicker
  label="Without view renderers"
  viewRenderers={{
    hours: null,
    minutes: null,
    seconds: null,
  }}
/>