<MaterialCssVarsProvider>
  <CssVarsProvider theme={{ [THEME_ID]: joyTheme }}>
    <SyncThemeMode mode={materialTheme.palette.mode} />
    <LocalizationProvider dateAdapter={AdapterDayjs}>
      <JoySingleInputDateRangePicker
        slotProps={{
          field: { clearable: true },
        }}
      />
    </LocalizationProvider>
  </CssVarsProvider>
</MaterialCssVarsProvider>