@antscorp/antsomi-ui 1.3.3-beta.47 → 1.3.3-beta.49

package/es/components/molecules/DatePicker/components/AdvancedPicker/types.d.ts

@@ -1,36 +1,36 @@
-import { VALUE_TYPES } from './constants';
-export type TOption = {
-    dateType: TDateType;
-    calculationType: TCalculationType;
-    calculationDate: TCalculationDate;
-    value: number;
-};
-export type TShowCalculationTypeCondition = {
-    dateType: Partial<Record<TDateType, TCalculationType[]>>;
-};
-export type TDateType = 'today' | 'first_day_of_week_mon_sun' | 'first_day_of_week_sun_sat' | 'first_day_of_month' | 'first_day_of_quarter' | 'first_day_of_year' | 'last_day_of_week_mon_sun' | 'last_day_of_week_sun_sat' | 'last_day_of_month' | 'last_day_of_quarter' | 'last_day_of_year' | 'fixed';
-export type TCalculationType = 'minus' | 'plus' | '';
-export type TCalculationDate = 'seconds' | 'minutes' | 'hours' | 'days' | 'weeks' | 'months' | 'quarters' | 'years' | '';
-export type TOperatorKey = 'after' | 'between' | 'before';
-export type TAdvancedType = 'startDate' | 'endDate';
-/**
- * @description Mapping ValueTypes to Semantic
- * @example ```valueType -> semantic```
- * @type YEAR -> 'YYYY'
- * @type YEAR_QUARTER -> 'QQ YYYY'
- * @type YEAR_MONTH -> 'MM YYYY'
- * @type YEAR_WEEK -> 'WW YYYY'
- * @type YEAR_MONTH_DAY -> 'MM DD YYYY'
- * @type YEAR_MONTH_DAY_HOUR -> 'MM DD YYYY HH'
- * @type YEAR_MONTH_DAY_MINUTE -> 'MM DD YYYY HH MM'
- * @type YEAR_MONTH_DAY_SECOND -> 'MM DD YYYY HH MM SS'
- * @type QUARTER -> 'QQ'
- * @type MONTH -> 'MM'
- * @type WEEK -> 'WW'
- * @type MONTH_DAY -> 'MM DD'
- * @type DAY_OF_WEEK -> 'D'
- * @type DAY -> 'DD'
- * @type HOUR -> 'HH'
- * @type MINUTE -> 'MM'
- */
-export type ValueTypes = (typeof VALUE_TYPES)[keyof typeof VALUE_TYPES];
+import { VALUE_TYPES } from './constants';
+export type TOption = {
+    dateType: TDateType;
+    calculationType: TCalculationType;
+    calculationDate: TCalculationDate;
+    value: number;
+};
+export type TShowCalculationTypeCondition = {
+    dateType: Partial<Record<TDateType, TCalculationType[]>>;
+};
+export type TDateType = 'today' | 'first_day_of_week_mon_sun' | 'first_day_of_week_sun_sat' | 'first_day_of_month' | 'first_day_of_quarter' | 'first_day_of_year' | 'last_day_of_week_mon_sun' | 'last_day_of_week_sun_sat' | 'last_day_of_month' | 'last_day_of_quarter' | 'last_day_of_year' | 'fixed';
+export type TCalculationType = 'minus' | 'plus' | '';
+export type TCalculationDate = 'seconds' | 'minutes' | 'hours' | 'days' | 'weeks' | 'months' | 'quarters' | 'years' | '';
+export type TOperatorKey = 'after' | 'between' | 'before';
+export type TAdvancedType = 'startDate' | 'endDate';
+/**
+ * @description Mapping ValueTypes to Semantic
+ * @example ```valueType -> semantic```
+ * @type YEAR -> 'YYYY'
+ * @type YEAR_QUARTER -> 'QQ YYYY'
+ * @type YEAR_MONTH -> 'MM YYYY'
+ * @type YEAR_WEEK -> 'WW YYYY'
+ * @type YEAR_MONTH_DAY -> 'MM DD YYYY'
+ * @type YEAR_MONTH_DAY_HOUR -> 'MM DD YYYY HH'
+ * @type YEAR_MONTH_DAY_MINUTE -> 'MM DD YYYY HH MM'
+ * @type YEAR_MONTH_DAY_SECOND -> 'MM DD YYYY HH MM SS'
+ * @type QUARTER -> 'QQ'
+ * @type MONTH -> 'MM'
+ * @type WEEK -> 'WW'
+ * @type MONTH_DAY -> 'MM DD'
+ * @type DAY_OF_WEEK -> 'D'
+ * @type DAY -> 'DD'
+ * @type HOUR -> 'HH'
+ * @type MINUTE -> 'MM'
+ */
+export type ValueTypes = (typeof VALUE_TYPES)[keyof typeof VALUE_TYPES];

package/es/components/molecules/DatePicker/components/AdvancedPicker/types.js

@@ -1 +1 @@
-export {};
+export {};

package/es/components/molecules/DatePicker/components/AdvancedPicker/utils.d.ts

@@ -1,35 +1,35 @@
-import type { Dayjs } from 'dayjs';
-import type { CellRenderInfo } from 'rc-picker/es/interface';
-import { ValueTypes } from './types';
-/**
- * Calculates a new date based on the given parameters.
- * @param {string} [dateTypeKey='today'] - Key to determine the type of date to be used as the starting point.
- * Valid values are: 'today', 'first_day_of_week_mon_sun', 'first_day_of_week_sun_sat',
- * 'first_day_of_month', 'first_day_of_quarter', 'first_day_of_year', 'last_day_of_week_mon_sun',
- * 'last_day_of_week_sun_sat', 'last_day_of_month', 'last_day_of_quarter', 'last_day_of_year'.
- * @param {string} [calculationTypeKey='minus'] - Key to determine whether to add or subtract the specified value.
- * Valid values are: 'plus', 'minus'.
- * @param {string} [calculationDateKey='days'] - Key to determine the unit of time to be added or subtracted.
- * Valid values are: 'days', 'weeks', 'months', 'quarters', 'years'.
- * @param {number} [value=0] - Value to be added or subtracted.
- * @param {string} [dateFormat=DEFAULT_DATE_FORMAT] - Format in which to return the new date.
- * @returns {string} The new date in the specified format.
- */
-export declare const calculationDateAdvanced: (dateTypeKey?: string, calculationTypeKey?: string, calculationDateKey?: any, value?: number, dateFormat?: string) => any;
-/**
- * Get text of calendar cell base on valueType (semantic/date format)
- * @link https://ant.design/components/date-picker#components-date-picker-demo-cell-render
- * @param {number | Dayjs} current params of cellRender function
- * @param {CellRenderInfo<Dayjs>} info params of cellRender function
- * @param {ValueTypes} valueType type of value (get from component props)
- * @returns {number | string} label of cell according to valueType
- */
-export declare const getCellRender: (current: number | Dayjs, valueType: ValueTypes, info: CellRenderInfo<Dayjs>) => number | string;
-/**
- * @param {ValueTypes} valueType type of value (get from component props)
- * @returns {'date' | 'week' | 'month' | 'quarter' | 'year'} picker ant-design props to render type of calendar
- */
-export declare const getPickerRender: (valueType: ValueTypes) => 'date' | 'week' | 'month' | 'quarter' | 'year';
-export declare const getTimePickerRender: (valueType: ValueTypes) => "HH" | "HHmm" | "HHmmss" | "mm" | undefined;
-export declare function getLabelQuarterRange(day: string, format: string, locale: string, showYear?: boolean): string;
-export declare function getLabelQuarterRange(quarter: number, year?: number): string;
+import type { Dayjs } from 'dayjs';
+import type { CellRenderInfo } from 'rc-picker/es/interface';
+import { ValueTypes } from './types';
+/**
+ * Calculates a new date based on the given parameters.
+ * @param {string} [dateTypeKey='today'] - Key to determine the type of date to be used as the starting point.
+ * Valid values are: 'today', 'first_day_of_week_mon_sun', 'first_day_of_week_sun_sat',
+ * 'first_day_of_month', 'first_day_of_quarter', 'first_day_of_year', 'last_day_of_week_mon_sun',
+ * 'last_day_of_week_sun_sat', 'last_day_of_month', 'last_day_of_quarter', 'last_day_of_year'.
+ * @param {string} [calculationTypeKey='minus'] - Key to determine whether to add or subtract the specified value.
+ * Valid values are: 'plus', 'minus'.
+ * @param {string} [calculationDateKey='days'] - Key to determine the unit of time to be added or subtracted.
+ * Valid values are: 'days', 'weeks', 'months', 'quarters', 'years'.
+ * @param {number} [value=0] - Value to be added or subtracted.
+ * @param {string} [dateFormat=DEFAULT_DATE_FORMAT] - Format in which to return the new date.
+ * @returns {string} The new date in the specified format.
+ */
+export declare const calculationDateAdvanced: (dateTypeKey?: string, calculationTypeKey?: string, calculationDateKey?: any, value?: number, dateFormat?: string) => any;
+/**
+ * Get text of calendar cell base on valueType (semantic/date format)
+ * @link https://ant.design/components/date-picker#components-date-picker-demo-cell-render
+ * @param {number | Dayjs} current params of cellRender function
+ * @param {CellRenderInfo<Dayjs>} info params of cellRender function
+ * @param {ValueTypes} valueType type of value (get from component props)
+ * @returns {number | string} label of cell according to valueType
+ */
+export declare const getCellRender: (current: number | Dayjs, valueType: ValueTypes, info: CellRenderInfo<Dayjs>) => number | string;
+/**
+ * @param {ValueTypes} valueType type of value (get from component props)
+ * @returns {'date' | 'week' | 'month' | 'quarter' | 'year'} picker ant-design props to render type of calendar
+ */
+export declare const getPickerRender: (valueType: ValueTypes) => 'date' | 'week' | 'month' | 'quarter' | 'year';
+export declare const getTimePickerRender: (valueType: ValueTypes) => "HH" | "HHmm" | "HHmmss" | "mm" | undefined;
+export declare function getLabelQuarterRange(day: string, format: string, locale: string, showYear?: boolean): string;
+export declare function getLabelQuarterRange(quarter: number, year?: number): string;

package/es/components/molecules/DatePicker/components/AdvancedPicker/utils.js

@@ -1,173 +1,173 @@
-/* eslint-disable max-len */
-// Libraries
-import dayjs from 'dayjs';
-import isoWeek from 'dayjs/plugin/isoWeek';
-import quarterOfYear from 'dayjs/plugin/quarterOfYear';
-// Constants
-import { DEFAULT_DATE_FORMAT, MONTH_LABEL_SHORT } from './constants';
-dayjs.extend(isoWeek);
-dayjs.extend(quarterOfYear);
-/**
- * Calculates a new date based on the given parameters.
- * @param {string} [dateTypeKey='today'] - Key to determine the type of date to be used as the starting point.
- * Valid values are: 'today', 'first_day_of_week_mon_sun', 'first_day_of_week_sun_sat',
- * 'first_day_of_month', 'first_day_of_quarter', 'first_day_of_year', 'last_day_of_week_mon_sun',
- * 'last_day_of_week_sun_sat', 'last_day_of_month', 'last_day_of_quarter', 'last_day_of_year'.
- * @param {string} [calculationTypeKey='minus'] - Key to determine whether to add or subtract the specified value.
- * Valid values are: 'plus', 'minus'.
- * @param {string} [calculationDateKey='days'] - Key to determine the unit of time to be added or subtracted.
- * Valid values are: 'days', 'weeks', 'months', 'quarters', 'years'.
- * @param {number} [value=0] - Value to be added or subtracted.
- * @param {string} [dateFormat=DEFAULT_DATE_FORMAT] - Format in which to return the new date.
- * @returns {string} The new date in the specified format.
- */
-export const calculationDateAdvanced = (dateTypeKey = 'today', calculationTypeKey = 'minus', calculationDateKey = 'days', value = 0, dateFormat = DEFAULT_DATE_FORMAT) => {
-    let date = dayjs();
-    switch (dateTypeKey) {
-        case 'today':
-            date = dayjs();
-            break;
-        case 'first_day_of_week_mon_sun':
-            date = dayjs().startOf('isoWeek');
-            break;
-        case 'first_day_of_week_sun_sat':
-            date = dayjs().startOf('week');
-            break;
-        case 'first_day_of_month':
-            date = dayjs().startOf('month');
-            break;
-        case 'first_day_of_quarter':
-            date = dayjs().startOf('quarter');
-            break;
-        case 'first_day_of_year':
-            date = dayjs().startOf('year');
-            break;
-        case 'last_day_of_week_mon_sun':
-            date = dayjs().endOf('isoWeek');
-            break;
-        case 'last_day_of_week_sun_sat':
-            date = dayjs().endOf('week');
-            break;
-        case 'last_day_of_month':
-            date = dayjs().endOf('month');
-            break;
-        case 'last_day_of_quarter':
-            date = dayjs().endOf('quarter');
-            break;
-        case 'last_day_of_year':
-            date = dayjs().endOf('year');
-            break;
-        default:
-            date = dayjs();
-            break;
-    }
-    let newDate = '';
-    newDate =
-        calculationTypeKey === 'plus'
-            ? dayjs(date).add(value, calculationDateKey)
-            : dayjs(date).subtract(value, calculationDateKey);
-    switch (dateTypeKey) {
-        case 'last_day_of_month':
-            if (calculationDateKey === 'months' || calculationDateKey === 'quarters') {
-                newDate = dayjs(newDate).endOf('month');
-            }
-            break;
-        case 'last_day_of_quarter':
-            if (calculationDateKey === 'months' || calculationDateKey === 'quarters') {
-                newDate = dayjs(newDate).endOf('month');
-            }
-            break;
-        default:
-            break;
-    }
-    return newDate.format(dateFormat);
-};
-/**
- * Get text of calendar cell base on valueType (semantic/date format)
- * @link https://ant.design/components/date-picker#components-date-picker-demo-cell-render
- * @param {number | Dayjs} current params of cellRender function
- * @param {CellRenderInfo<Dayjs>} info params of cellRender function
- * @param {ValueTypes} valueType type of value (get from component props)
- * @returns {number | string} label of cell according to valueType
- */
-export const getCellRender = (current, valueType, info) => {
-    if (typeof current === 'number')
-        return current;
-    if (info.type === 'decade')
-        return `${current.year()}-${current.year() + 10}`;
-    if (info.type === 'year')
-        return current.year();
-    if (info.type === 'month')
-        return MONTH_LABEL_SHORT[current.month()];
-    switch (valueType) {
-        case 'DAY':
-            return current.date();
-        case 'QUARTER':
-        case 'YEAR_QUARTER':
-            return `Quarter ${current.quarter()}`;
-        case 'MONTH':
-        case 'YEAR_MONTH':
-            return MONTH_LABEL_SHORT[current.month()];
-        case 'WEEK':
-            return current.isoWeek();
-        default:
-            return current.date();
-    }
-};
-/**
- * @param {ValueTypes} valueType type of value (get from component props)
- * @returns {'date' | 'week' | 'month' | 'quarter' | 'year'} picker ant-design props to render type of calendar
- */
-export const getPickerRender = (valueType) => {
-    switch (valueType) {
-        case 'DAY':
-            return 'date';
-        case 'YEAR':
-            return 'year';
-        case 'QUARTER':
-        case 'YEAR_QUARTER':
-            return 'quarter';
-        case 'MONTH':
-        case 'YEAR_MONTH':
-            return 'month';
-        case 'WEEK':
-        case 'YEAR_WEEK':
-            return 'week';
-        default:
-            return 'date';
-    }
-};
-export const getTimePickerRender = (valueType) => {
-    switch (valueType) {
-        case 'HOUR':
-        case 'YEAR_MONTH_DAY_HOUR':
-            return 'HH';
-        case 'YEAR_MONTH_DAY_MINUTE':
-            return 'HHmm';
-        case 'YEAR_MONTH_DAY_SECOND':
-            return 'HHmmss';
-        case 'MINUTE':
-            return 'mm';
-        default:
-            return undefined;
-    }
-};
-export function getLabelQuarterRange(quarterOrDay, yearOrFormat, locale, showYear = true) {
-    const dayObj = typeof quarterOrDay === 'number'
-        ? null
-        : dayjs(quarterOrDay || new Date(), yearOrFormat).locale(locale || 'en');
-    const currQuarter = dayObj ? dayObj.quarter() : quarterOrDay;
-    const currYear = dayObj
-        ? showYear
-            ? dayObj.year()
-            : null
-        : typeof yearOrFormat === 'number'
-            ? yearOrFormat
-            : null;
-    const startMonthQuarter = [undefined, 'January', 'April', 'July', 'October'];
-    const endMonthQuarter = [undefined, 'March', 'June', 'September', 'December'];
-    const endDayQuarter = [undefined, 31, 30, 30, 31];
-    return currYear
-        ? `${startMonthQuarter[currQuarter]} 01, ${currYear} - ${endMonthQuarter[currQuarter]} ${endDayQuarter[currQuarter]}, ${currYear}`
-        : `${startMonthQuarter[currQuarter]} 01 - ${endMonthQuarter[currQuarter]} ${endDayQuarter[currQuarter]}`;
-}
+/* eslint-disable max-len */
+// Libraries
+import dayjs from 'dayjs';
+import isoWeek from 'dayjs/plugin/isoWeek';
+import quarterOfYear from 'dayjs/plugin/quarterOfYear';
+// Constants
+import { DEFAULT_DATE_FORMAT, MONTH_LABEL_SHORT } from './constants';
+dayjs.extend(isoWeek);
+dayjs.extend(quarterOfYear);
+/**
+ * Calculates a new date based on the given parameters.
+ * @param {string} [dateTypeKey='today'] - Key to determine the type of date to be used as the starting point.
+ * Valid values are: 'today', 'first_day_of_week_mon_sun', 'first_day_of_week_sun_sat',
+ * 'first_day_of_month', 'first_day_of_quarter', 'first_day_of_year', 'last_day_of_week_mon_sun',
+ * 'last_day_of_week_sun_sat', 'last_day_of_month', 'last_day_of_quarter', 'last_day_of_year'.
+ * @param {string} [calculationTypeKey='minus'] - Key to determine whether to add or subtract the specified value.
+ * Valid values are: 'plus', 'minus'.
+ * @param {string} [calculationDateKey='days'] - Key to determine the unit of time to be added or subtracted.
+ * Valid values are: 'days', 'weeks', 'months', 'quarters', 'years'.
+ * @param {number} [value=0] - Value to be added or subtracted.
+ * @param {string} [dateFormat=DEFAULT_DATE_FORMAT] - Format in which to return the new date.
+ * @returns {string} The new date in the specified format.
+ */
+export const calculationDateAdvanced = (dateTypeKey = 'today', calculationTypeKey = 'minus', calculationDateKey = 'days', value = 0, dateFormat = DEFAULT_DATE_FORMAT) => {
+    let date = dayjs();
+    switch (dateTypeKey) {
+        case 'today':
+            date = dayjs();
+            break;
+        case 'first_day_of_week_mon_sun':
+            date = dayjs().startOf('isoWeek');
+            break;
+        case 'first_day_of_week_sun_sat':
+            date = dayjs().startOf('week');
+            break;
+        case 'first_day_of_month':
+            date = dayjs().startOf('month');
+            break;
+        case 'first_day_of_quarter':
+            date = dayjs().startOf('quarter');
+            break;
+        case 'first_day_of_year':
+            date = dayjs().startOf('year');
+            break;
+        case 'last_day_of_week_mon_sun':
+            date = dayjs().endOf('isoWeek');
+            break;
+        case 'last_day_of_week_sun_sat':
+            date = dayjs().endOf('week');
+            break;
+        case 'last_day_of_month':
+            date = dayjs().endOf('month');
+            break;
+        case 'last_day_of_quarter':
+            date = dayjs().endOf('quarter');
+            break;
+        case 'last_day_of_year':
+            date = dayjs().endOf('year');
+            break;
+        default:
+            date = dayjs();
+            break;
+    }
+    let newDate = '';
+    newDate =
+        calculationTypeKey === 'plus'
+            ? dayjs(date).add(value, calculationDateKey)
+            : dayjs(date).subtract(value, calculationDateKey);
+    switch (dateTypeKey) {
+        case 'last_day_of_month':
+            if (calculationDateKey === 'months' || calculationDateKey === 'quarters') {
+                newDate = dayjs(newDate).endOf('month');
+            }
+            break;
+        case 'last_day_of_quarter':
+            if (calculationDateKey === 'months' || calculationDateKey === 'quarters') {
+                newDate = dayjs(newDate).endOf('month');
+            }
+            break;
+        default:
+            break;
+    }
+    return newDate.format(dateFormat);
+};
+/**
+ * Get text of calendar cell base on valueType (semantic/date format)
+ * @link https://ant.design/components/date-picker#components-date-picker-demo-cell-render
+ * @param {number | Dayjs} current params of cellRender function
+ * @param {CellRenderInfo<Dayjs>} info params of cellRender function
+ * @param {ValueTypes} valueType type of value (get from component props)
+ * @returns {number | string} label of cell according to valueType
+ */
+export const getCellRender = (current, valueType, info) => {
+    if (typeof current === 'number')
+        return current;
+    if (info.type === 'decade')
+        return `${current.year()}-${current.year() + 10}`;
+    if (info.type === 'year')
+        return current.year();
+    if (info.type === 'month')
+        return MONTH_LABEL_SHORT[current.month()];
+    switch (valueType) {
+        case 'DAY':
+            return current.date();
+        case 'QUARTER':
+        case 'YEAR_QUARTER':
+            return `Quarter ${current.quarter()}`;
+        case 'MONTH':
+        case 'YEAR_MONTH':
+            return MONTH_LABEL_SHORT[current.month()];
+        case 'WEEK':
+            return current.isoWeek();
+        default:
+            return current.date();
+    }
+};
+/**
+ * @param {ValueTypes} valueType type of value (get from component props)
+ * @returns {'date' | 'week' | 'month' | 'quarter' | 'year'} picker ant-design props to render type of calendar
+ */
+export const getPickerRender = (valueType) => {
+    switch (valueType) {
+        case 'DAY':
+            return 'date';
+        case 'YEAR':
+            return 'year';
+        case 'QUARTER':
+        case 'YEAR_QUARTER':
+            return 'quarter';
+        case 'MONTH':
+        case 'YEAR_MONTH':
+            return 'month';
+        case 'WEEK':
+        case 'YEAR_WEEK':
+            return 'week';
+        default:
+            return 'date';
+    }
+};
+export const getTimePickerRender = (valueType) => {
+    switch (valueType) {
+        case 'HOUR':
+        case 'YEAR_MONTH_DAY_HOUR':
+            return 'HH';
+        case 'YEAR_MONTH_DAY_MINUTE':
+            return 'HHmm';
+        case 'YEAR_MONTH_DAY_SECOND':
+            return 'HHmmss';
+        case 'MINUTE':
+            return 'mm';
+        default:
+            return undefined;
+    }
+};
+export function getLabelQuarterRange(quarterOrDay, yearOrFormat, locale, showYear = true) {
+    const dayObj = typeof quarterOrDay === 'number'
+        ? null
+        : dayjs(quarterOrDay || new Date(), yearOrFormat).locale(locale || 'en');
+    const currQuarter = dayObj ? dayObj.quarter() : quarterOrDay;
+    const currYear = dayObj
+        ? showYear
+            ? dayObj.year()
+            : null
+        : typeof yearOrFormat === 'number'
+            ? yearOrFormat
+            : null;
+    const startMonthQuarter = [undefined, 'January', 'April', 'July', 'October'];
+    const endMonthQuarter = [undefined, 'March', 'June', 'September', 'December'];
+    const endDayQuarter = [undefined, 31, 30, 30, 31];
+    return currYear
+        ? `${startMonthQuarter[currQuarter]} 01, ${currYear} - ${endMonthQuarter[currQuarter]} ${endDayQuarter[currQuarter]}, ${currYear}`
+        : `${startMonthQuarter[currQuarter]} 01 - ${endMonthQuarter[currQuarter]} ${endDayQuarter[currQuarter]}`;
+}

package/es/components/molecules/DatePicker/components/AdvancedRangePicker/AdvancedRangePicker.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
-import { TShowCalculationTypeCondition } from '../AdvancedPicker/types';
-import { TDateConfig, TOnChangePayload, TTimeRange } from './types';
-export interface AdvancedRangePickerProps {
-    disabled?: boolean;
-    showCalculationTypeCondition?: TShowCalculationTypeCondition;
-    startDateConfig?: TDateConfig;
-    endDateConfig?: TDateConfig;
-    timeRange: TTimeRange;
-    errorMessage?: string;
-    showLabel?: boolean;
-    showTime?: boolean;
-    onChange?: ({ timeRange, mode }: TOnChangePayload) => void;
-}
-export declare const AdvancedRangePicker: React.FC<AdvancedRangePickerProps>;
+import React from 'react';
+import { TShowCalculationTypeCondition } from '../AdvancedPicker/types';
+import { TDateConfig, TOnChangePayload, TTimeRange } from './types';
+export interface AdvancedRangePickerProps {
+    disabled?: boolean;
+    showCalculationTypeCondition?: TShowCalculationTypeCondition;
+    startDateConfig?: TDateConfig;
+    endDateConfig?: TDateConfig;
+    timeRange: TTimeRange;
+    errorMessage?: string;
+    showLabel?: boolean;
+    showTime?: boolean;
+    onChange?: ({ timeRange, mode }: TOnChangePayload) => void;
+}
+export declare const AdvancedRangePicker: React.FC<AdvancedRangePickerProps>;