@superdispatch/dates 0.21.5-alpha.4 → 0.21.6

package/dist-src/calendar/Calendar.js

@@ -1,8 +1,8 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["footer", "classes", "direction", "quickSelection", "selectedDays", "disabledDays", "onDayClick", "onDayKeyDown", "onDayMouseEnter", "onDayMouseLeave", "onDayMouseDown", "onDayMouseUp", "onDayTouchEnd", "onDayTouchStart", "modifiers", "highlightedDays", "format", "initialTime", "initialMonth"];
-import { Divider, Grid, Hidden } from '@mui/material';
-import { makeStyles } from '@mui/styles';
+import { Divider, Grid, Hidden } from '@material-ui/core';
+import { makeStyles } from '@material-ui/styles';
 import { Color } from '@superdispatch/ui';
 import { DateTime } from 'luxon';
 import { forwardRef, useMemo } from 'react';
@@ -33,12 +33,12 @@ var useStyles = /*#__PURE__*/makeStyles(theme => ({
   interactionDisabled: {},
   navBar: {},
   navButtonPrev: {
-    position: 'absolute !important',
+    position: 'absolute',
     top: theme.spacing(1.5),
     left: theme.spacing(1.5)
   },
   navButtonNext: {
-    position: 'absolute !important',
+    position: 'absolute',
     top: theme.spacing(1.5),
     right: theme.spacing(1.5)
   },

package/dist-src/calendar/CalendarQuickSelection.js

@@ -1,4 +1,4 @@
-import { List, ListItem, Typography } from '@mui/material';
+import { List, ListItem, Typography } from '@material-ui/core';
 import { forwardRef } from 'react';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/dist-src/calendar/InternalCalendarComponents.js

@@ -1,5 +1,5 @@
-import { ChevronLeft, ChevronRight } from '@mui/icons-material';
-import { IconButton, Typography } from '@mui/material';
+import { IconButton, Typography } from '@material-ui/core';
+import { ChevronLeft, ChevronRight } from '@material-ui/icons';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";

package/dist-src/date-range-field/DateRangeField.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["modifiers", "onDayClick", "onDayMouseEnter"],
     _excluded2 = ["onBlur", "onFocus", "onChange", "renderFooter", "renderQuickSelection", "value", "format", "fallback", "enableClearable", "disableCloseOnSelect", "CalendarProps"],
     _excluded3 = ["rangeStart", "rangeFinish"];
-import { makeStyles } from '@mui/styles';
+import { makeStyles } from '@material-ui/styles';
 import { Color } from '@superdispatch/ui';
 import { forwardRef, useMemo, useRef, useState } from 'react';
 import { BaseDatePicker } from "../base-date-picker/BaseDatePicker.js";

package/dist-src/time-field/TimeField.js

@@ -1,7 +1,8 @@
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["disabled", "onChange", "value", "format"];
-import { Autocomplete, TextField } from '@mui/material';
+import { TextField } from '@material-ui/core';
+import { Autocomplete } from '@material-ui/lab';
 import { DateTime } from 'luxon';
 import { forwardRef, useEffect, useMemo, useState } from 'react';
 import { useDateConfig } from "../date-config/DateConfig.js";

package/dist-types/index.d.ts

@@ -1,266 +1,266 @@
 /// <reference types="react" />
 import { ReactNode, ReactElement, ForwardRefExoticComponent, RefAttributes } from 'react';
-import { GridDirection, BaseTextFieldProps, InputBaseProps } from '@mui/material';
-import { ClassNameMap } from '@mui/styles';
+import { GridDirection, BaseTextFieldProps, InputBaseProps } from '@material-ui/core';
+import { ClassNameMap } from '@material-ui/styles';
 import { ColorVariant } from '@superdispatch/ui';
 import { DayPickerProps } from 'react-day-picker';
 import { DateTime, ToRelativeOptions, ToRelativeUnit } from 'luxon';
 
-declare function setDefaultTimeZone(offset: number | 'local'): string;
-declare function useDefaultTimeZone(offset: number | 'local'): string;
-declare type DateFormat = 'DateISO' | 'DateTimeISO' | 'JodaISO';
-interface DateConfig {
-    readonly format: DateFormat;
-}
-declare const defaultDateConfig: DateConfig;
-declare function useDateConfig(options?: Partial<DateConfig>): DateConfig;
-interface DateConfigProviderProps extends Partial<DateConfig> {
-    children?: ReactNode;
-}
+declare function setDefaultTimeZone(offset: number | 'local'): string;
+declare function useDefaultTimeZone(offset: number | 'local'): string;
+declare type DateFormat = 'DateISO' | 'DateTimeISO' | 'JodaISO';
+interface DateConfig {
+    readonly format: DateFormat;
+}
+declare const defaultDateConfig: DateConfig;
+declare function useDateConfig(options?: Partial<DateConfig>): DateConfig;
+interface DateConfigProviderProps extends Partial<DateConfig> {
+    children?: ReactNode;
+}
 declare function DateConfigProvider({ format, children, }: DateConfigProviderProps): ReactElement;
 
-declare type DateDisplayVariant = 'Date' | 'ShortDate' | 'Time' | 'DateTime';
-declare type DateString = string;
-declare type NullableDateString = null | undefined | DateString;
-declare type PrimitiveDateInput = number | DateString;
-declare type NullableDateInput = null | undefined | Date | DateTime | PrimitiveDateInput;
-declare function toPrimitiveDateInput(input: NullableDateInput): PrimitiveDateInput;
-declare function parseDate(input: NullableDateInput, { format }?: DateConfig): DateTime;
-declare function stringifyDate(input: NullableDateInput, config?: DateConfig): string | null;
-interface FormatDateConfig {
-    fallback?: string;
-    variant: DateDisplayVariant;
-}
-declare function formatDate(input: NullableDateInput, { variant, fallback }: FormatDateConfig, config?: DateConfig): string;
-interface FormatRelativeTimeOptions extends Pick<ToRelativeOptions, 'round' | 'padding'> {
-    fallback?: string;
-    unit?: ToRelativeUnit;
-    base?: NullableDateInput;
-}
-declare function formatRelativeTime(input: NullableDateInput, { round, unit: unitOption, base: baseOption, padding: paddingOption, fallback, }?: FormatRelativeTimeOptions, config?: DateConfig): string;
-interface DatePayload {
-    readonly config: DateConfig;
-    readonly dateValue: DateTime;
-    readonly stringValue: null | DateString;
-}
-declare function toDatePayload(input: NullableDateInput, config?: DateConfig): DatePayload;
-declare type DateTimeRange = [null | DateTime, null | DateTime];
-declare type DateStringRange = [null | DateString, null | DateString];
-declare type NullableDateRangeInput = null | undefined | [NullableDateInput?, NullableDateInput?];
-declare type PrimitiveDateRangeInput = [
-    undefined | PrimitiveDateInput,
-    undefined | PrimitiveDateInput
-];
-declare function toPrimitiveDateRangeInput(input: NullableDateRangeInput): PrimitiveDateRangeInput;
-declare function parseDateRange(input: NullableDateRangeInput, config?: DateConfig): DateTimeRange;
-declare function stringifyDateRange(input: NullableDateRangeInput, config?: DateConfig): DateStringRange;
-interface FormatDateRangeOptions {
-    fallback?: string;
-}
-declare function formatDateRange(input: NullableDateRangeInput, { fallback }: FormatDateRangeOptions, config?: DateConfig): string;
-interface DateRangePayload {
-    config: DateConfig;
-    dateValue: DateTimeRange;
-    stringValue: DateStringRange;
-}
+declare type DateDisplayVariant = 'Date' | 'ShortDate' | 'Time' | 'DateTime';
+declare type DateString = string;
+declare type NullableDateString = null | undefined | DateString;
+declare type PrimitiveDateInput = number | DateString;
+declare type NullableDateInput = null | undefined | Date | DateTime | PrimitiveDateInput;
+declare function toPrimitiveDateInput(input: NullableDateInput): PrimitiveDateInput;
+declare function parseDate(input: NullableDateInput, { format }?: DateConfig): DateTime;
+declare function stringifyDate(input: NullableDateInput, config?: DateConfig): string | null;
+interface FormatDateConfig {
+    fallback?: string;
+    variant: DateDisplayVariant;
+}
+declare function formatDate(input: NullableDateInput, { variant, fallback }: FormatDateConfig, config?: DateConfig): string;
+interface FormatRelativeTimeOptions extends Pick<ToRelativeOptions, 'round' | 'padding'> {
+    fallback?: string;
+    unit?: ToRelativeUnit;
+    base?: NullableDateInput;
+}
+declare function formatRelativeTime(input: NullableDateInput, { round, unit: unitOption, base: baseOption, padding: paddingOption, fallback, }?: FormatRelativeTimeOptions, config?: DateConfig): string;
+interface DatePayload {
+    readonly config: DateConfig;
+    readonly dateValue: DateTime;
+    readonly stringValue: null | DateString;
+}
+declare function toDatePayload(input: NullableDateInput, config?: DateConfig): DatePayload;
+declare type DateTimeRange = [null | DateTime, null | DateTime];
+declare type DateStringRange = [null | DateString, null | DateString];
+declare type NullableDateRangeInput = null | undefined | [NullableDateInput?, NullableDateInput?];
+declare type PrimitiveDateRangeInput = [
+    undefined | PrimitiveDateInput,
+    undefined | PrimitiveDateInput
+];
+declare function toPrimitiveDateRangeInput(input: NullableDateRangeInput): PrimitiveDateRangeInput;
+declare function parseDateRange(input: NullableDateRangeInput, config?: DateConfig): DateTimeRange;
+declare function stringifyDateRange(input: NullableDateRangeInput, config?: DateConfig): DateStringRange;
+interface FormatDateRangeOptions {
+    fallback?: string;
+}
+declare function formatDateRange(input: NullableDateRangeInput, { fallback }: FormatDateRangeOptions, config?: DateConfig): string;
+interface DateRangePayload {
+    config: DateConfig;
+    dateValue: DateTimeRange;
+    stringValue: DateStringRange;
+}
 declare function toDateRangePayload(input: NullableDateRangeInput, config?: DateConfig): DateRangePayload;
 
-declare type CalendarDayHighlightColor = Exclude<ColorVariant, 'grey' | 'silver'>;
-declare type CalendarClassNames = keyof NonNullable<DayPickerProps['classNames']> | CalendarDayHighlightColor | 'firstDayOfMonth' | 'lastDayOfMonth';
-declare type CalendarClassNameMap = ClassNameMap<CalendarClassNames>;
-declare type CalendarModifier = (info: DatePayload) => boolean;
-interface CalendarDateEvent extends DatePayload {
-    disabled: boolean;
-    selected: boolean;
-}
-declare type CalendarDayEventHandler = (event: CalendarDateEvent) => void;
-interface CalendarModifiers {
-    today?: CalendarModifier;
-    outside?: CalendarModifier;
-    [other: string]: undefined | CalendarModifier;
-}
-declare type CalendarHighlightedDays = Partial<Record<CalendarDayHighlightColor, CalendarModifier>>;
-interface CalendarProps extends Pick<DayPickerProps, 'numberOfMonths'> {
-    direction?: GridDirection;
-    classes?: Partial<CalendarClassNameMap>;
-    footer?: ReactNode;
-    quickSelection?: ReactNode;
-    format?: DateFormat;
-    initialTime?: NullableDateInput;
-    initialMonth?: NullableDateInput;
-    modifiers?: CalendarModifiers;
-    selectedDays?: CalendarModifier;
-    disabledDays?: CalendarModifier;
-    highlightedDays?: CalendarHighlightedDays;
-    onDayClick?: CalendarDayEventHandler;
-    onDayKeyDown?: CalendarDayEventHandler;
-    onDayMouseEnter?: CalendarDayEventHandler;
-    onDayMouseLeave?: CalendarDayEventHandler;
-    onDayMouseDown?: CalendarDayEventHandler;
-    onDayMouseUp?: CalendarDayEventHandler;
-    onDayTouchEnd?: CalendarDayEventHandler;
-    onDayTouchStart?: CalendarDayEventHandler;
-}
+declare type CalendarDayHighlightColor = Exclude<ColorVariant, 'grey' | 'silver'>;
+declare type CalendarClassNames = keyof NonNullable<DayPickerProps['classNames']> | CalendarDayHighlightColor | 'firstDayOfMonth' | 'lastDayOfMonth';
+declare type CalendarClassNameMap = ClassNameMap<CalendarClassNames>;
+declare type CalendarModifier = (info: DatePayload) => boolean;
+interface CalendarDateEvent extends DatePayload {
+    disabled: boolean;
+    selected: boolean;
+}
+declare type CalendarDayEventHandler = (event: CalendarDateEvent) => void;
+interface CalendarModifiers {
+    today?: CalendarModifier;
+    outside?: CalendarModifier;
+    [other: string]: undefined | CalendarModifier;
+}
+declare type CalendarHighlightedDays = Partial<Record<CalendarDayHighlightColor, CalendarModifier>>;
+interface CalendarProps extends Pick<DayPickerProps, 'numberOfMonths'> {
+    direction?: GridDirection;
+    classes?: Partial<CalendarClassNameMap>;
+    footer?: ReactNode;
+    quickSelection?: ReactNode;
+    format?: DateFormat;
+    initialTime?: NullableDateInput;
+    initialMonth?: NullableDateInput;
+    modifiers?: CalendarModifiers;
+    selectedDays?: CalendarModifier;
+    disabledDays?: CalendarModifier;
+    highlightedDays?: CalendarHighlightedDays;
+    onDayClick?: CalendarDayEventHandler;
+    onDayKeyDown?: CalendarDayEventHandler;
+    onDayMouseEnter?: CalendarDayEventHandler;
+    onDayMouseLeave?: CalendarDayEventHandler;
+    onDayMouseDown?: CalendarDayEventHandler;
+    onDayMouseUp?: CalendarDayEventHandler;
+    onDayTouchEnd?: CalendarDayEventHandler;
+    onDayTouchStart?: CalendarDayEventHandler;
+}
 declare const Calendar: ForwardRefExoticComponent<CalendarProps & RefAttributes<HTMLDivElement>>;
 
-interface CalendarQuickSelectionItemProps {
-    children?: ReactNode;
-    selected?: boolean;
-    onClick?: () => void;
-}
-declare const CalendarQuickSelectionItem: ForwardRefExoticComponent<CalendarQuickSelectionItemProps & RefAttributes<HTMLDivElement>>;
-interface CalendarQuickSelectionProps {
-    children?: ReactNode;
-}
+interface CalendarQuickSelectionItemProps {
+    children?: ReactNode;
+    selected?: boolean;
+    onClick?: () => void;
+}
+declare const CalendarQuickSelectionItem: ForwardRefExoticComponent<CalendarQuickSelectionItemProps & RefAttributes<HTMLDivElement>>;
+interface CalendarQuickSelectionProps {
+    children?: ReactNode;
+}
 declare const CalendarQuickSelection: ForwardRefExoticComponent<CalendarQuickSelectionProps & RefAttributes<HTMLUListElement>>;
 
-interface DateFieldAPI extends DatePayload {
-    close: () => void;
-    change: (value: NullableDateInput) => void;
-}
-interface DateFieldProps extends Pick<BaseTextFieldProps, 'disabled' | 'error' | 'fullWidth' | 'helperText' | 'id' | 'label' | 'name' | 'onClick' | 'onKeyDown' | 'placeholder' | 'required'> {
-    format?: DateFormat;
-    value?: NullableDateInput;
-    onBlur?: () => void;
-    onFocus?: () => void;
-    onChange?: (event: DatePayload) => void;
-    fallback?: string;
-    variant?: DateDisplayVariant;
-    enableClearable?: boolean;
-    disableCloseOnSelect?: boolean;
-    renderFooter?: (api: DateFieldAPI) => ReactNode;
-    renderQuickSelection?: (api: DateFieldAPI) => ReactNode;
-    InputProps?: Pick<InputBaseProps, 'aria-label' | 'aria-labelledby' | 'startAdornment'>;
-    CalendarProps?: Omit<CalendarProps, 'classes' | 'footer' | 'initialMonth' | 'numberOfMonths' | 'quickSelection' | 'selectedDays'>;
-}
+interface DateFieldAPI extends DatePayload {
+    close: () => void;
+    change: (value: NullableDateInput) => void;
+}
+interface DateFieldProps extends Pick<BaseTextFieldProps, 'disabled' | 'error' | 'fullWidth' | 'helperText' | 'id' | 'label' | 'name' | 'onClick' | 'onKeyDown' | 'placeholder' | 'required'> {
+    format?: DateFormat;
+    value?: NullableDateInput;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    onChange?: (event: DatePayload) => void;
+    fallback?: string;
+    variant?: DateDisplayVariant;
+    enableClearable?: boolean;
+    disableCloseOnSelect?: boolean;
+    renderFooter?: (api: DateFieldAPI) => ReactNode;
+    renderQuickSelection?: (api: DateFieldAPI) => ReactNode;
+    InputProps?: Pick<InputBaseProps, 'aria-label' | 'aria-labelledby' | 'startAdornment'>;
+    CalendarProps?: Omit<CalendarProps, 'classes' | 'footer' | 'initialMonth' | 'numberOfMonths' | 'quickSelection' | 'selectedDays'>;
+}
 declare const DateField: ForwardRefExoticComponent<DateFieldProps & RefAttributes<HTMLDivElement>>;
 
-interface DateRangeFieldAPI extends DateRangePayload {
-    close: () => void;
-    change: (value: NullableDateRangeInput) => void;
-}
-interface DateRangeFieldProps extends Pick<BaseTextFieldProps, 'disabled' | 'error' | 'fullWidth' | 'helperText' | 'id' | 'label' | 'name' | 'required' | 'placeholder'> {
-    fallback?: string;
-    enableClearable?: boolean;
-    disableCloseOnSelect?: boolean;
-    format?: DateFormat;
-    value?: NullableDateRangeInput;
-    onBlur?: () => void;
-    onFocus?: () => void;
-    onChange?: (value: DateRangePayload) => void;
-    renderFooter?: (api: DateRangeFieldAPI) => ReactNode;
-    renderQuickSelection?: (api: DateRangeFieldAPI) => ReactNode;
-    InputProps?: Pick<InputBaseProps, 'aria-label' | 'aria-labelledby' | 'startAdornment'>;
-    CalendarProps?: Omit<CalendarProps, 'footer' | 'classes' | 'selectedDays' | 'quickSelection' | 'numberOfMonths'>;
-}
+interface DateRangeFieldAPI extends DateRangePayload {
+    close: () => void;
+    change: (value: NullableDateRangeInput) => void;
+}
+interface DateRangeFieldProps extends Pick<BaseTextFieldProps, 'disabled' | 'error' | 'fullWidth' | 'helperText' | 'id' | 'label' | 'name' | 'required' | 'placeholder'> {
+    fallback?: string;
+    enableClearable?: boolean;
+    disableCloseOnSelect?: boolean;
+    format?: DateFormat;
+    value?: NullableDateRangeInput;
+    onBlur?: () => void;
+    onFocus?: () => void;
+    onChange?: (value: DateRangePayload) => void;
+    renderFooter?: (api: DateRangeFieldAPI) => ReactNode;
+    renderQuickSelection?: (api: DateRangeFieldAPI) => ReactNode;
+    InputProps?: Pick<InputBaseProps, 'aria-label' | 'aria-labelledby' | 'startAdornment'>;
+    CalendarProps?: Omit<CalendarProps, 'footer' | 'classes' | 'selectedDays' | 'quickSelection' | 'numberOfMonths'>;
+}
 declare const DateRangeField: ForwardRefExoticComponent<DateRangeFieldProps & RefAttributes<HTMLDivElement>>;
 
-/** @deprecated */
-declare type DateUnit = 'year' | 'month' | 'day' | 'hour' | 'minute' | 'second' | 'millisecond';
-/** @deprecated */
-declare type DateDurationUnit = DateUnit | 'quarter' | 'week';
-/** @deprecated */
-declare type DateObject = Record<DateUnit, number>;
-/** @deprecated */
-declare type NullableDate = null | undefined | Date;
-/** @deprecated */
-declare type DateLike = number | Date;
-/** @deprecated */
-declare type NullableDateLike = null | undefined | DateLike;
-/** @deprecated */
-declare type DateRange = [Date?, Date?];
-/** @deprecated */
-declare type DateRangeLike = [DateLike?, DateLike?];
-/** @deprecated */
-declare type NullableDateRange = null | undefined | [NullableDate?, NullableDate?];
-/** @deprecated */
-declare type NullableDateRangeLike = null | undefined | [NullableDateLike?, NullableDateLike?];
-/** @deprecated */
-declare function isDate(value: unknown): value is Date;
-/** @deprecated */
-declare function isDateLike(value: unknown): value is DateLike;
-/** @deprecated */
-declare function isValidDate(value: unknown): value is Date;
-/** @deprecated */
-declare function isDateRange(range: unknown): range is DateRange;
-/** @deprecated */
-declare function isDateRangeLike(range: unknown): range is DateRangeLike;
-/** @deprecated */
-declare function isValidDateRange(range: unknown): range is DateRange;
-/** @deprecated */
-declare function toDate(value: NullableDateLike): Date;
-/** @deprecated */
-declare function toDateRange(range: NullableDateRangeLike): DateRange;
-/** @deprecated */
-declare type DateFormatVariant = 'date' | 'shortDate' | 'time' | 'dateTime';
-/** @deprecated */
-declare type DateFormatOptions = Omit<Intl.DateTimeFormatOptions, 'timeZone' | 'timeZoneName'>;
-/** @deprecated */
-declare type RelativeTimeFormatStyle = 'narrow' | 'short' | 'long';
-/** @deprecated */
-interface RelativeTimeFormatOptions {
-    style?: RelativeTimeFormatStyle;
-    compare?: DateLike;
-}
-/** @deprecated */
-declare class DateUtils {
-    /** @deprecated */
-    toObject(value: DateLike): DateObject;
-    /** @deprecated */
-    fromObject({ year, month, day, hour, minute, second, millisecond, }: Partial<DateObject>): Date;
-    /** @deprecated */
-    update(value: DateLike, values: Partial<DateObject>): Date;
-    /** @deprecated */
-    mergeDateAndTime(date: DateLike, time: DateLike): Date;
-    /** @deprecated */
-    startOf(value: DateLike, unit: DateDurationUnit): Date;
-    /** @deprecated */
-    endOf(value: DateLike, unit: DateDurationUnit): Date;
-    /** @deprecated */
-    plus(value: DateLike, values: Partial<DateObject>): Date;
-    /** @deprecated */
-    minus(value: DateLike, values: Partial<DateObject>): Date;
-    /** @deprecated */
-    isSameDate(value: NullableDateLike, compare: NullableDateLike, unit?: DateUnit): boolean;
-    /** @deprecated */
-    isSameDateRange(value: NullableDateRangeLike, compare: NullableDateRangeLike, unit?: DateUnit): boolean;
-    /** @deprecated */
-    diff(value: DateLike, compare: DateLike, unit: DateUnit): number;
-    /** @deprecated */
-    toLocaleString(value: DateLike, options?: DateFormatOptions): string;
-    /** @deprecated */
-    format(value: DateLike, variant: DateFormatVariant): string;
-    /** @deprecated */
-    formatRange(value: NullableDateRangeLike, emptyText?: string): string;
-    /** @deprecated */
-    formatRelativeTime(value: DateLike, { style, compare }?: RelativeTimeFormatOptions): string;
-}
+/** @deprecated */
+declare type DateUnit = 'year' | 'month' | 'day' | 'hour' | 'minute' | 'second' | 'millisecond';
+/** @deprecated */
+declare type DateDurationUnit = DateUnit | 'quarter' | 'week';
+/** @deprecated */
+declare type DateObject = Record<DateUnit, number>;
+/** @deprecated */
+declare type NullableDate = null | undefined | Date;
+/** @deprecated */
+declare type DateLike = number | Date;
+/** @deprecated */
+declare type NullableDateLike = null | undefined | DateLike;
+/** @deprecated */
+declare type DateRange = [Date?, Date?];
+/** @deprecated */
+declare type DateRangeLike = [DateLike?, DateLike?];
+/** @deprecated */
+declare type NullableDateRange = null | undefined | [NullableDate?, NullableDate?];
+/** @deprecated */
+declare type NullableDateRangeLike = null | undefined | [NullableDateLike?, NullableDateLike?];
+/** @deprecated */
+declare function isDate(value: unknown): value is Date;
+/** @deprecated */
+declare function isDateLike(value: unknown): value is DateLike;
+/** @deprecated */
+declare function isValidDate(value: unknown): value is Date;
+/** @deprecated */
+declare function isDateRange(range: unknown): range is DateRange;
+/** @deprecated */
+declare function isDateRangeLike(range: unknown): range is DateRangeLike;
+/** @deprecated */
+declare function isValidDateRange(range: unknown): range is DateRange;
+/** @deprecated */
+declare function toDate(value: NullableDateLike): Date;
+/** @deprecated */
+declare function toDateRange(range: NullableDateRangeLike): DateRange;
+/** @deprecated */
+declare type DateFormatVariant = 'date' | 'shortDate' | 'time' | 'dateTime';
+/** @deprecated */
+declare type DateFormatOptions = Omit<Intl.DateTimeFormatOptions, 'timeZone' | 'timeZoneName'>;
+/** @deprecated */
+declare type RelativeTimeFormatStyle = 'narrow' | 'short' | 'long';
+/** @deprecated */
+interface RelativeTimeFormatOptions {
+    style?: RelativeTimeFormatStyle;
+    compare?: DateLike;
+}
+/** @deprecated */
+declare class DateUtils {
+    /** @deprecated */
+    toObject(value: DateLike): DateObject;
+    /** @deprecated */
+    fromObject({ year, month, day, hour, minute, second, millisecond, }: Partial<DateObject>): Date;
+    /** @deprecated */
+    update(value: DateLike, values: Partial<DateObject>): Date;
+    /** @deprecated */
+    mergeDateAndTime(date: DateLike, time: DateLike): Date;
+    /** @deprecated */
+    startOf(value: DateLike, unit: DateDurationUnit): Date;
+    /** @deprecated */
+    endOf(value: DateLike, unit: DateDurationUnit): Date;
+    /** @deprecated */
+    plus(value: DateLike, values: Partial<DateObject>): Date;
+    /** @deprecated */
+    minus(value: DateLike, values: Partial<DateObject>): Date;
+    /** @deprecated */
+    isSameDate(value: NullableDateLike, compare: NullableDateLike, unit?: DateUnit): boolean;
+    /** @deprecated */
+    isSameDateRange(value: NullableDateRangeLike, compare: NullableDateRangeLike, unit?: DateUnit): boolean;
+    /** @deprecated */
+    diff(value: DateLike, compare: DateLike, unit: DateUnit): number;
+    /** @deprecated */
+    toLocaleString(value: DateLike, options?: DateFormatOptions): string;
+    /** @deprecated */
+    format(value: DateLike, variant: DateFormatVariant): string;
+    /** @deprecated */
+    formatRange(value: NullableDateRangeLike, emptyText?: string): string;
+    /** @deprecated */
+    formatRelativeTime(value: DateLike, { style, compare }?: RelativeTimeFormatOptions): string;
+}
 declare function useDateUtils(): DateUtils;
 
-interface FormattedDateConfig extends Partial<DateConfig>, FormatDateConfig {
-}
-declare function useFormattedDate(input: NullableDateInput, { variant, fallback, ...dateConfig }: FormattedDateConfig): string;
-interface FormattedDateProps extends Omit<FormattedDateConfig, 'fallback'> {
-    fallback?: ReactNode;
-    date: NullableDateInput;
-}
+interface FormattedDateConfig extends Partial<DateConfig>, FormatDateConfig {
+}
+declare function useFormattedDate(input: NullableDateInput, { variant, fallback, ...dateConfig }: FormattedDateConfig): string;
+interface FormattedDateProps extends Omit<FormattedDateConfig, 'fallback'> {
+    fallback?: ReactNode;
+    date: NullableDateInput;
+}
 declare function FormattedDate({ date, fallback, ...options }: FormattedDateProps): null | ReactElement;
 
-interface FormattedRelativeTimeOptions extends Partial<DateConfig>, FormatRelativeTimeOptions {
-}
-declare function useFormattedRelativeTime(input: NullableDateInput, { unit, round, padding, fallback, base: baseOption, ...dateConfig }?: FormattedRelativeTimeOptions): string;
-interface FormattedRelativeTimeProps extends Omit<FormattedRelativeTimeOptions, 'fallback'> {
-    date: NullableDateInput;
-    fallback?: ReactNode;
-}
+interface FormattedRelativeTimeOptions extends Partial<DateConfig>, FormatRelativeTimeOptions {
+}
+declare function useFormattedRelativeTime(input: NullableDateInput, { unit, round, padding, fallback, base: baseOption, ...dateConfig }?: FormattedRelativeTimeOptions): string;
+interface FormattedRelativeTimeProps extends Omit<FormattedRelativeTimeOptions, 'fallback'> {
+    date: NullableDateInput;
+    fallback?: ReactNode;
+}
 declare function FormattedRelativeTime({ date, fallback, ...options }: FormattedRelativeTimeProps): null | ReactElement;
 
-interface TimeFieldProps extends Pick<BaseTextFieldProps, 'disabled' | 'error' | 'fullWidth' | 'helperText' | 'id' | 'label' | 'name' | 'placeholder' | 'required'> {
-    format?: DateFormat;
-    value?: NullableDateInput;
-    onChange?: (value: DatePayload) => void;
-    InputProps?: Pick<InputBaseProps, 'startAdornment'>;
-}
+interface TimeFieldProps extends Pick<BaseTextFieldProps, 'disabled' | 'error' | 'fullWidth' | 'helperText' | 'id' | 'label' | 'name' | 'placeholder' | 'required'> {
+    format?: DateFormat;
+    value?: NullableDateInput;
+    onChange?: (value: DatePayload) => void;
+    InputProps?: Pick<InputBaseProps, 'startAdornment'>;
+}
 declare const TimeField: ForwardRefExoticComponent<TimeFieldProps & RefAttributes<HTMLDivElement>>;
 
 declare function useDateTimeRange(input: NullableDateRangeInput, options?: Partial<DateConfig>): DateTimeRange;

package/dist-web/index.js

@@ -1,15 +1,16 @@
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { Typography, IconButton, Grid, Hidden, Divider, ListItem, List, Popover, TextField, InputAdornment, SvgIcon, Autocomplete } from '@mui/material';
-import { makeStyles } from '@mui/styles';
+import { Typography, IconButton, Grid, Hidden, Divider, ListItem, List, Popover, TextField, InputAdornment, SvgIcon } from '@material-ui/core';
+import { makeStyles } from '@material-ui/styles';
 import { Color, useUID, mergeRefs, renderChildren } from '@superdispatch/ui';
 import { Settings, FixedOffsetZone, DateTime } from 'luxon';
 import { useMemo, useContext, createContext, forwardRef, useRef, useState, useImperativeHandle, useEffect } from 'react';
 import DayPicker from 'react-day-picker';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ChevronLeft, ChevronRight, Clear } from '@mui/icons-material';
+import { ChevronLeft, ChevronRight, Clear } from '@material-ui/icons';
 import { mdiCalendarMonth } from '@mdi/js';
 import { useValueObserver } from '@superdispatch/hooks';
+import { Autocomplete } from '@material-ui/lab';
 
 function setDefaultTimeZone(offset) {
   if (offset === 'local') {
@@ -394,12 +395,12 @@ var useStyles = /*#__PURE__*/makeStyles(theme => ({
   interactionDisabled: {},
   navBar: {},
   navButtonPrev: {
-    position: 'absolute !important',
+    position: 'absolute',
     top: theme.spacing(1.5),
     left: theme.spacing(1.5)
   },
   navButtonNext: {
-    position: 'absolute !important',
+    position: 'absolute',
     top: theme.spacing(1.5),
     right: theme.spacing(1.5)
   },