amis-ui 6.2.2 → 6.4.0

package/esm/components/CalendarMobile.d.ts

@@ -48,6 +48,7 @@ export interface CalendarMobileProps extends ThemeProps, LocaleProps {
     };
     defaultDate?: moment.Moment;
     isEndDate?: boolean;
+    popOverContainer?: any;
 }
 export interface CalendarMobileState {
     startDate?: moment.Moment;
@@ -59,6 +60,7 @@ export interface CalendarMobileState {
     dateTime: any;
     minDate?: moment.Moment;
     maxDate?: moment.Moment;
+    isPopupOpen: boolean;
 }
 export declare class CalendarMobile extends React.Component<CalendarMobileProps, CalendarMobileState> {
     mobileBody: any;
@@ -94,10 +96,13 @@ export declare class CalendarMobile extends React.Component<CalendarMobileProps,
     handleMobileChange(newValue: moment.Moment): void;
     renderMobileCalendarBody(): React.JSX.Element | undefined;
     renderMobileTimePicker(): React.JSX.Element;
+    openDatePicker(): void;
+    closePopup(): void;
+    handleDateChange(currentDate: moment.Moment): void;
     render(): React.JSX.Element;
 }
 declare const _default: {
-    new (props: Omit<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+    new (props: Omit<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
         showViewMode?: "years" | "months" | undefined;
     } & {} & {
         locale?: string | undefined;
@@ -108,14 +113,14 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
             showViewMode?: "years" | "months" | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Omit<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+        readonly props: Readonly<Omit<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
             showViewMode?: "years" | "months" | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -126,7 +131,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
             showViewMode?: "years" | "months" | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -134,13 +139,13 @@ declare const _default: {
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
             showViewMode?: "years" | "months" | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+        componentDidUpdate?(prevProps: Readonly<Omit<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
             showViewMode?: "years" | "months" | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -148,25 +153,25 @@ declare const _default: {
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
             showViewMode?: "years" | "months" | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
             showViewMode?: "years" | "months" | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+        componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
             showViewMode?: "years" | "months" | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }, keyof ThemeProps> & import("packages/amis-core/lib/theme").ThemeOuterProps>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
             showViewMode?: "years" | "months" | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -176,7 +181,7 @@ declare const _default: {
     displayName: string;
     contextType: React.Context<string>;
     ComposedComponent: React.ComponentType<{
-        new (props: Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+        new (props: Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
             showViewMode?: "years" | "months" | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -187,14 +192,14 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
                 showViewMode?: "years" | "months" | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+            readonly props: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
                 showViewMode?: "years" | "months" | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -205,7 +210,7 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
                 showViewMode?: "years" | "months" | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -213,13 +218,13 @@ declare const _default: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
                 showViewMode?: "years" | "months" | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
                 showViewMode?: "years" | "months" | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -227,25 +232,25 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
                 showViewMode?: "years" | "months" | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
                 showViewMode?: "years" | "months" | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
                 showViewMode?: "years" | "months" | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
                 showViewMode?: "years" | "months" | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -259,7 +264,7 @@ declare const _default: {
         ComposedComponent: typeof CalendarMobile;
     }>;
 } & import("hoist-non-react-statics").NonReactStatics<{
-    new (props: Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+    new (props: Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
         showViewMode?: "years" | "months" | undefined;
     } & {} & {
         locale?: string | undefined;
@@ -270,14 +275,14 @@ declare const _default: {
         getWrappedInstance(): any;
         render(): React.JSX.Element;
         context: unknown;
-        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
             showViewMode?: "years" | "months" | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
         forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+        readonly props: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
             showViewMode?: "years" | "months" | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -288,7 +293,7 @@ declare const _default: {
             [key: string]: React.ReactInstance;
         };
         componentDidMount?(): void;
-        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+        shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
             showViewMode?: "years" | "months" | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -296,13 +301,13 @@ declare const _default: {
         }>, nextState: Readonly<{}>, nextContext: any): boolean;
         componentWillUnmount?(): void;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
             showViewMode?: "years" | "months" | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, prevState: Readonly<{}>): any;
-        componentDidUpdate?(prevProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+        componentDidUpdate?(prevProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
             showViewMode?: "years" | "months" | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -310,25 +315,25 @@ declare const _default: {
         }>, prevState: Readonly<{}>, snapshot?: any): void;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+        componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
             showViewMode?: "years" | "months" | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
             showViewMode?: "years" | "months" | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+        componentWillUpdate?(nextProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
             showViewMode?: "years" | "months" | undefined;
         } & {} & {
             locale?: string | undefined;
             translate?: ((str: string, ...args: any[]) => string) | undefined;
         }>, nextState: Readonly<{}>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
             showViewMode?: "years" | "months" | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -342,7 +347,7 @@ declare const _default: {
     ComposedComponent: typeof CalendarMobile;
 }, {}> & {
     ComposedComponent: {
-        new (props: Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+        new (props: Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
             showViewMode?: "years" | "months" | undefined;
         } & {} & {
             locale?: string | undefined;
@@ -353,14 +358,14 @@ declare const _default: {
             getWrappedInstance(): any;
             render(): React.JSX.Element;
             context: unknown;
-            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
                 showViewMode?: "years" | "months" | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
             forceUpdate(callback?: (() => void) | undefined): void;
-            readonly props: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+            readonly props: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
                 showViewMode?: "years" | "months" | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -371,7 +376,7 @@ declare const _default: {
                 [key: string]: React.ReactInstance;
             };
             componentDidMount?(): void;
-            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+            shouldComponentUpdate?(nextProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
                 showViewMode?: "years" | "months" | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -379,13 +384,13 @@ declare const _default: {
             }>, nextState: Readonly<{}>, nextContext: any): boolean;
             componentWillUnmount?(): void;
             componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
                 showViewMode?: "years" | "months" | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, prevState: Readonly<{}>): any;
-            componentDidUpdate?(prevProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+            componentDidUpdate?(prevProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
                 showViewMode?: "years" | "months" | undefined;
             } & {} & {
                 locale?: string | undefined;
@@ -393,25 +398,25 @@ declare const _default: {
             }>, prevState: Readonly<{}>, snapshot?: any): void;
             componentWillMount?(): void;
             UNSAFE_componentWillMount?(): void;
-            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+            componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
                 showViewMode?: "years" | "months" | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
                 showViewMode?: "years" | "months" | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextContext: any): void;
-            componentWillUpdate?(nextProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+            componentWillUpdate?(nextProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
                 showViewMode?: "years" | "months" | undefined;
             } & {} & {
                 locale?: string | undefined;
                 translate?: ((str: string, ...args: any[]) => string) | undefined;
             }>, nextState: Readonly<{}>, nextContext: any): void;
-            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classnames" | "classPrefix" | "embed" | "style" | "className" | "theme" | "mobileUI" | "confirm" | "onChange" | "viewMode" | "inputFormat" | "timeFormat" | "minDate" | "maxDate" | "dateFormat" | "timeConstraints" | "isEndDate" | "minDuration" | "maxDuration" | "startDate" | "endDate" | "close" | "displayForamt" | "footerExtra" | "isDatePicker" | "defaultDate"> & {
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Pick<Omit<CalendarMobileProps, keyof LocaleProps>, "classPrefix" | "classnames" | "className" | "theme" | "mobileUI" | "style" | "embed" | "close" | "onChange" | "confirm" | "dateFormat" | "minDate" | "maxDate" | "timeFormat" | "isEndDate" | "timeConstraints" | "inputFormat" | "viewMode" | "displayForamt" | "startDate" | "endDate" | "minDuration" | "maxDuration" | "footerExtra" | "isDatePicker" | "defaultDate" | "popOverContainer"> & {
                 showViewMode?: "years" | "months" | undefined;
             } & {} & {
                 locale?: string | undefined;

package/esm/components/CalendarMobile.js

@@ -1,5 +1,5 @@
 /**
- * amis-ui v6.2.2
+ * amis-ui v6.4.0
  * Copyright 2018-2024 fex
  */
 
@@ -8,6 +8,7 @@ import React__default from 'react';
 import moment from 'moment';
 import Calendar from './calendar/Calendar.js';
 import { autobind, themeable, localeable } from 'amis-core';
+import PopUp from './PopUp.js';
 
 /**
  * @file CalendarMobile
@@ -30,7 +31,8 @@ var CalendarMobile = /** @class */ (function (_super) {
             showToast: false,
             currentDate: dateRange.currentDate,
             isScrollToBottom: false,
-            dateTime: endDate ? [endDate.hour(), endDate.minute()] : [0, 0]
+            dateTime: endDate ? [endDate.hour(), endDate.minute()] : [0, 0],
+            isPopupOpen: false
         };
         return _this;
     }
@@ -431,10 +433,23 @@ var CalendarMobile = /** @class */ (function (_super) {
                     second: dateTime[2] || 0
                 }), timeConstraints: timeConstraints, isValidDate: this.checkIsValidDate, isEndDate: isEndDate })));
     };
+    CalendarMobile.prototype.openDatePicker = function () {
+        this.setState({ isPopupOpen: true });
+    };
+    CalendarMobile.prototype.closePopup = function () {
+        this.setState({ isPopupOpen: false });
+    };
+    CalendarMobile.prototype.handleDateChange = function (currentDate) {
+        this.setState({
+            currentDate: currentDate
+        });
+        this.scollToDate(currentDate);
+        this.closePopup();
+    };
     CalendarMobile.prototype.render = function () {
-        var _a = this.props, className = _a.className, cx = _a.classnames, embed = _a.embed, close = _a.close, confirm = _a.confirm, footerExtra = _a.footerExtra, timeFormat = _a.timeFormat, showViewMode = _a.showViewMode, isDatePicker = _a.isDatePicker;
+        var _a = this.props, className = _a.className, cx = _a.classnames, embed = _a.embed, close = _a.close, confirm = _a.confirm, footerExtra = _a.footerExtra, timeFormat = _a.timeFormat, showViewMode = _a.showViewMode, isDatePicker = _a.isDatePicker, locale = _a.locale, popOverContainer = _a.popOverContainer, timeConstraints = _a.timeConstraints;
         var __ = this.props.translate;
-        var _b = this.state, startDate = _b.startDate, endDate = _b.endDate, currentDate = _b.currentDate, showToast = _b.showToast, isScrollToBottom = _b.isScrollToBottom, minDate = _b.minDate, maxDate = _b.maxDate;
+        var _b = this.state, startDate = _b.startDate, endDate = _b.endDate, currentDate = _b.currentDate, showToast = _b.showToast, isScrollToBottom = _b.isScrollToBottom, minDate = _b.minDate, maxDate = _b.maxDate, isPopupOpen = _b.isPopupOpen;
         var dateNow = currentDate
             ? currentDate.format(__("Calendar.".concat(showViewMode === 'months' ? 'yearmonth' : 'year')))
             : moment().format(__("Calendar.".concat(showViewMode === 'months' ? 'yearmonth' : 'year')));
@@ -443,7 +458,7 @@ var CalendarMobile = /** @class */ (function (_super) {
                 React__default.createElement("span", { className: "subtitle-text" },
                     currentDate &&
                         currentDate.isSameOrBefore(minDate, showViewMode) ? null : (React__default.createElement("a", { className: "rdtPrev", onClick: this.scrollPreYear }, "\u2039")),
-                    dateNow,
+                    React__default.createElement("span", { onClick: this.openDatePicker }, dateNow),
                     (currentDate &&
                         currentDate.isSameOrAfter(maxDate, showViewMode)) ||
                         isScrollToBottom ? null : (React__default.createElement("a", { className: "rdtNext", onClick: this.scrollAfterYear }, "\u203A")))),
@@ -463,7 +478,9 @@ var CalendarMobile = /** @class */ (function (_super) {
                 header,
                 this.renderMobileCalendarBody(),
                 footer),
-            showToast ? (React__default.createElement("div", { className: cx('CalendarMobile-toast') }, __('Calendar.toast'))) : null));
+            showToast ? (React__default.createElement("div", { className: cx('CalendarMobile-toast') }, __('Calendar.toast'))) : null,
+            React__default.createElement(PopUp, { className: cx("DatePicker-popup DatePicker-mobile"), container: popOverContainer, isShow: isPopupOpen, showClose: false, onHide: this.closePopup },
+                React__default.createElement(Calendar, { value: currentDate, onChange: this.handleDateChange, requiredConfirm: false, isValidDate: this.checkIsValidDate, viewMode: "months", timeConstraints: timeConstraints, input: false, onClose: this.closePopup, locale: locale, minDate: minDate, maxDate: maxDate, mobileUI: true }))));
     };
     CalendarMobile.defaultProps = {
         showViewMode: 'months'
@@ -540,6 +557,24 @@ var CalendarMobile = /** @class */ (function (_super) {
         __metadata("design:paramtypes", []),
         __metadata("design:returntype", void 0)
     ], CalendarMobile.prototype, "renderMobileTimePicker", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], CalendarMobile.prototype, "openDatePicker", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", []),
+        __metadata("design:returntype", void 0)
+    ], CalendarMobile.prototype, "closePopup", null);
+    __decorate([
+        autobind,
+        __metadata("design:type", Function),
+        __metadata("design:paramtypes", [Object]),
+        __metadata("design:returntype", void 0)
+    ], CalendarMobile.prototype, "handleDateChange", null);
     return CalendarMobile;
 }(React__default.Component));
 var CalendarMobile$1 = themeable(localeable(CalendarMobile));