@sellmate/design-system 1.29.0 → 1.31.0

package/dist/types/components/sd-date-range-picker/sd-date-range-picker.d.ts

@@ -17,6 +17,11 @@ export declare class SdDateRangePicker {
     selectable?: [string, string];
     /** 최대 선택 가능한 날짜 범위 (일 단위) */
     maxRange?: number;
+    /**
+     * 시간(시:분) 선택 푸터 사용 여부.
+     * true이면 value는 "YYYY-MM-DD HH:mm" 형식이 되고, 캘린더 하단에 시작·종료 시간 입력이 표시됩니다.
+     */
+    useTimePicker: boolean;
     /** 비활성 상태 여부 */
     disabled: boolean;
     /** 필드 너비 (숫자면 px, 문자열이면 그대로 적용) */
@@ -37,6 +42,8 @@ export declare class SdDateRangePicker {
     rules?: Rule[];
     /** 에러 상태 여부 */
     error: boolean;
+    /** 필드 상태 (없으면 error/rules 결과로 자동 결정) */
+    status?: 'default' | 'pass' | 'error';
     /** 레이블 영역 아이콘 */
     icon?: IconProps;
     /** 레이블 툴팁 텍스트 */
@@ -71,6 +78,8 @@ export declare class SdDateRangePicker {
     private handleSelect;
     private handleViewChange;
     private get displayText();
+    private static readonly DEFAULT_PLACEHOLDER;
+    private get resolvedPlaceholder();
     disconnectedCallback(): void;
     render(): any;
 }

package/dist/types/components/sd-field/sd-field.d.ts

@@ -37,6 +37,13 @@ export declare class SdField implements ValidatableField {
     label: string;
     /** 레이블 너비 */
     labelWidth: string | number;
+    /**
+     * 레이블 박스 높이 (숫자면 px). 미지정 시 size별 기본값 사용.
+     * multiline 등 컨트롤 박스가 커질 때 레이블을 첫 행에 맞추기 위해 사용한다.
+     */
+    labelHeight?: number | string;
+    /** 멀티라인 컨트롤 — 컨트롤 높이를 고정하지 않고 min-height만 적용한다. */
+    multiline: boolean;
     /** 필드 우측 어드온 레이블 */
     addonLabel: string;
     /** 어드온 정렬 방향 */

package/dist/types/components/sd-file-picker/sd-file-picker.config.d.ts

@@ -1,3 +1,4 @@
+/** 기본(sm) 레이아웃 — 하위호환용 단일 export */
 export declare const FILE_PICKER_LAYOUT: {
     height: string;
     paddingX: string;
@@ -10,6 +11,33 @@ export declare const FILE_PICKER_LAYOUT: {
     iconSize: string;
     contentsGap: string;
 };
+/** size별 레이아웃 맵 */
+export declare const FILE_PICKER_LAYOUTS: {
+    readonly sm: {
+        height: string;
+        paddingX: string;
+        gap: string;
+        radius: string;
+        borderWidth: string;
+        fontSize: string;
+        lineHeight: string;
+        fontWeight: string;
+        iconSize: string;
+        contentsGap: string;
+    };
+    readonly md: {
+        height: string;
+        paddingX: string;
+        gap: string;
+        radius: string;
+        borderWidth: string;
+        fontSize: string;
+        lineHeight: string;
+        fontWeight: string;
+        iconSize: string;
+        contentsGap: string;
+    };
+};
 export declare const FILE_PICKER_COLORS: {
     border: {
         default: string;

package/dist/types/components/sd-file-picker/sd-file-picker.d.ts

@@ -1,7 +1,7 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
 import { Rule } from '../../types/form';
 import { SdTooltipProps } from '../sd-tooltip/sd-tooltip.config';
-import { type FieldAddonAlign } from '../sd-field/sd-field.config';
+import { type FieldAddonAlign, type FieldSize } from '../sd-field/sd-field.config';
 export declare class SdFilePicker implements ComponentInterface {
     el: HTMLElement;
     /** 선택된 파일 값 */
@@ -24,6 +24,8 @@ export declare class SdFilePicker implements ComponentInterface {
     maxTotalSize?: number | string;
     /** 최대 파일 개수 */
     maxFiles?: number | string;
+    /** 필드 크기 */
+    size: FieldSize;
     /** 폼 연동용 name 속성 */
     name: string;
     /** 레이블 텍스트 */

package/dist/types/components/sd-ghost-button/sd-ghost-button.d.ts

@@ -9,6 +9,11 @@ export declare class SdGhostButton {
     intent: GhostButtonIntent;
     /** 스크린리더용 접근성 레이블 */
     ariaLabel: string;
+    /**
+     * 토글 버튼일 때 눌림 상태 → `aria-pressed`로 반영. 미지정 시 속성 자체를 내보내지 않는다.
+     * (DOM `Element.ariaPressed`(문자열 예약 속성)와 충돌하므로 prop 이름은 `pressed`)
+     */
+    pressed?: boolean;
     /** 호버 시 표시할 툴팁 텍스트 */
     tooltipText?: string;
     /** 비활성 상태 여부 */

package/dist/types/components/sd-input/sd-input.d.ts

@@ -8,7 +8,7 @@ export declare class SdInput {
     /** 입력 값 */
     value?: string | number | null;
     /** 입력 타입 */
-    type: 'text' | 'password' | 'email';
+    type: 'text' | 'password' | 'email' | 'number' | 'tel' | 'search' | 'url';
     /** 입력 크기 */
     size: InputSize;
     /** 필드 우측 어드온 레이블 */

package/dist/types/components/sd-number-input/sd-number-input.d.ts

@@ -17,6 +17,8 @@ export declare class SdNumberInput {
     useButton: boolean;
     /** 소수점 입력 허용 여부 */
     useDecimal: boolean;
+    /** 소수점 이하 최대 자리수 (useDecimal일 때만 적용, 초과 입력한 소수부는 잘라냄) */
+    maxDecimalLength?: number;
     /** 입력 값 */
     value?: string | number | null;
     /** 레이블 텍스트 */
@@ -81,6 +83,12 @@ export declare class SdNumberInput {
     blur?: EventEmitter<Event>;
     private toNumber;
     private formatWithCommas;
+    /** useDecimal이면서 유효한 maxDecimalLength가 있을 때만 소수점 이하 제한 자리수를 반환합니다. */
+    private getDecimalLimit;
+    /** 소수부를 제한 자리수로 잘라낸 문자열을 반환합니다(반올림하지 않고 잘라냄). */
+    private truncateToDecimalLimit;
+    /** 숫자값의 소수부를 제한 자리수로 잘라냅니다(제한이 없으면 원본 그대로). */
+    private applyDecimalLimit;
     private parseInput;
     private clampMinMax;
     private updateDisplay;

package/dist/types/components/sd-popover/sd-popover.config.d.ts

@@ -0,0 +1,22 @@
+import { type ButtonName } from '../sd-button/sd-button.config';
+/** 팝오버 색상 타입 (default=다크 배경 / danger·warning·accent=라이트 배경) */
+export type PopoverType = 'default' | 'danger' | 'warning' | 'accent';
+/** 제목-아이콘 간격 */
+export declare const POPOVER_TITLE_GAP: string;
+/** 제목 좌측 아이콘 크기 */
+export declare const POPOVER_TITLE_ICON_SIZE: string;
+interface PopoverTypeStyle {
+    bg: string;
+    title: string;
+    description: string;
+    subAction: string;
+    /** 하단 우측 버튼 프리셋 (button.name 미지정 시 기본값) */
+    buttonName: ButtonName;
+}
+/**
+ * popoverType별 색상·버튼 매핑.
+ * - default·accent: 하단 버튼 primary(solid) / danger: danger outline / warning: neutral outline
+ * - default: 다크 배경 + 흰색 텍스트 / danger·warning·accent: 라이트 배경 + 타입 색상 제목 + light 계열 본문·링크 색상
+ */
+export declare const POPOVER_TYPE_CONFIG: Record<PopoverType, PopoverTypeStyle>;
+export {};

package/dist/types/components/sd-popover/sd-popover.d.ts

@@ -1,52 +1,45 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { type ButtonName, type ButtonType } from '../sd-button/sd-button.config';
-import type { SdButton } from '../sd-button/sd-button';
-import type { SdTextLink } from '../sd-text-link/sd-text-link';
-export type PopoverButton = Partial<Pick<SdButton, 'name' | 'icon' | 'rightIcon' | 'ariaLabel' | 'disabled' | 'type'>> & {
-    label: string;
-    onClick?: (e: Event) => void;
-};
-export type PopoverLink = Partial<Pick<SdTextLink, 'icon' | 'iconColor' | 'rightArrow' | 'underline' | 'disabled'>> & {
-    label: string;
-    onClick?: (e: Event) => void;
-};
+import { type PopoverType } from './sd-popover.config';
 export declare class SdPopover {
     el: HTMLElement;
-    /** 팝오버 표시 여부 */
-    show: boolean;
+    /** 표시 여부 (제어). 미지정 시 defaultOpen 기반 비제어로 동작 */
+    open?: boolean;
+    /** 기본 표시 여부 (비제어) */
+    defaultOpen: boolean;
     /** 팝오버를 표시할 방향 */
     placement: 'top' | 'bottom' | 'left' | 'right';
-    /** 아이콘 트리거 색상 */
-    color: string;
-    /** 아이콘 트리거 아이콘명 */
+    /** 색상 타입 (default=다크 배경 / danger·warning·accent=라이트 배경) */
+    type: PopoverType;
+    /** 메뉴 제목 (필수) */
+    menuTitle: string;
+    /** 제목 좌측 아이콘 (선택) */
+    titleIcon?: IconName;
+    /** 기본(아이콘) 트리거 아이콘명. slot="trigger" 가 있으면 무시 */
     icon: IconName;
-    /** 아이콘 트리거 크기 */
+    /** 기본(아이콘) 트리거 크기 */
     iconSize: number;
-    /** 버튼 트리거 레이블 (있으면 아이콘 대신 버튼 렌더링) */
-    label: string;
-    /** 버튼 트리거 프리셋 */
-    name: ButtonName;
-    /** 버튼 트리거 우측 아이콘 */
-    rightIcon?: IconName;
+    /** 기본(아이콘) 트리거 색상 */
+    color: string;
+    /** 하단 좌측 링크 레이블 (선택) */
+    leftLinkLabel?: string;
+    /** 하단 우측 버튼 레이블 (필수). 색상/스타일은 type 별로 고정 */
+    buttonLabel: string;
     /** 스크린리더용 접근성 레이블 */
     ariaLabel: string;
-    /** 비활성 상태 여부 */
-    disabled: boolean;
-    /** 버튼 type 속성 */
-    type: ButtonType;
-    /** 팝오버 메뉴 제목 */
-    menuTitle?: string;
-    /** 팝오버 하단 좌측 링크 옵션 */
-    leftLink?: PopoverLink;
-    /** 팝오버 하단 버튼 옵션 */
-    button?: PopoverButton;
     /** 팝오버 메뉴에 추가할 클래스 */
-    menuClass: string;
+    menuClassName: string;
+    internalOpen: boolean;
     slotContentHTML: string;
+    triggerHTML: string;
     /** 팝오버 표시 상태가 바뀔 때 발생합니다. */
     showChange: EventEmitter<boolean>;
-    private buttonEl?;
-    private setShow;
+    /** 하단 우측 버튼 클릭 시 발생합니다. */
+    buttonClick: EventEmitter<void>;
+    /** 하단 좌측 링크 클릭 시 발생합니다. */
+    leftLinkClick: EventEmitter<void>;
+    private triggerEl?;
+    private get isOpen();
+    private setOpen;
     private get popoverOffset();
     private handleClose;
     componentWillLoad(): void;

package/dist/types/components/sd-radio/sd-radio.d.ts

@@ -2,13 +2,15 @@ import { EventEmitter } from '../../stencil-public-runtime';
 export type RadioValue = string | number | boolean;
 export declare class SdRadio {
     /** 라디오 그룹의 현재 선택 값 */
-    value: RadioValue;
+    value?: RadioValue;
     /** 이 라디오 아이템의 값 */
     val: RadioValue;
     /** 비활성 상태 여부 */
     disabled: boolean;
     /** 표시할 라벨 텍스트 */
     label?: string;
+    /** native radio 그룹핑을 위한 name 속성 (미지정 시 val을 name으로 사용) */
+    name?: string;
     /** 선택 값이 변경될 때 발생합니다. */
     update: EventEmitter<RadioValue>;
     valueChanged(newValue: RadioValue): void;

package/dist/types/components/sd-radio-button/sd-radio-button.d.ts

@@ -6,8 +6,8 @@ export type RadioOption = {
     disabled?: boolean;
 };
 export declare class SdRadioButton {
-    /** 현재 선택된 값 */
-    value: RadioValue;
+    /** 현재 선택된 값 (미지정 시 선택 없음) */
+    value?: RadioValue;
     /** 라디오 버튼 옵션 목록 */
     options: RadioOption[];
     /** 버튼 크기 */

package/dist/types/components/sd-radio-group/sd-radio-group.d.ts

@@ -6,8 +6,8 @@ export type RadioOption = {
     disabled?: boolean;
 };
 export declare class SdRadioGroup {
-    /** 현재 선택된 값 */
-    value: RadioValue;
+    /** 현재 선택된 값 (미지정 시 선택 없음) */
+    value?: RadioValue;
     /** 라디오 옵션 목록 */
     options: RadioOption[];
     /** 옵션 배치 방향 */

package/dist/types/components/sd-switch/sd-switch.d.ts

@@ -2,7 +2,14 @@ import { EventEmitter } from '../../stencil-public-runtime';
 export declare class SdSwitch {
     /** 현재 on/off 상태 */
     value: boolean;
-    /** 표시할 라벨 텍스트 */
+    /** 스위치 좌측 라벨 */
+    leftLabel?: string;
+    /** 스위치 우측 라벨 */
+    rightLabel?: string;
+    /**
+     * 표시할 라벨 텍스트
+     * @deprecated `rightLabel` 사용. 우측 라벨(하위호환)
+     */
     label: string;
     /** 비활성 상태 여부 */
     disabled: boolean;

package/dist/types/components/sd-tag/sd-tag.d.ts

@@ -6,8 +6,8 @@ export declare class SdTag {
     label: string;
     /** 아이콘명 */
     icon?: IconName;
-    /** true이면 아이콘을 레이블 왼쪽에 배치 */
-    isLeft: boolean;
+    /** 아이콘을 레이블 왼쪽에 배치할지 여부 (기본값 true) */
+    iconLeft: boolean;
     /** 태그 너비 (숫자면 px, 문자열이면 그대로 적용). 미지정 시 콘텐츠 크기(fit-content) */
     width: string | number;
     componentWillLoad(): void;

package/dist/types/components/sd-time-picker/sd-time-picker-selector/sd-time-picker-selector.d.ts

@@ -0,0 +1,35 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+export declare class SdTimePickerSelector {
+    /** 선택된 시간 (HH:mm) */
+    value: string | null;
+    /** 오전/오후 선택 표시 여부 */
+    useMeridiem: boolean;
+    /** 분 증감 단위 */
+    minuteStep: number;
+    /** 시간 변경 시 발생합니다. */
+    update: EventEmitter<string>;
+    valueChanged(): void;
+    private editingPart;
+    private inputDraft;
+    private hour;
+    private minute;
+    componentWillLoad(): void;
+    private syncFromValue;
+    private get meridiem();
+    private get displayHour();
+    private emitNext;
+    private sanitizeInput;
+    private setDraft;
+    private beginEdit;
+    private commitHourDraft;
+    private commitMinuteDraft;
+    private endEdit;
+    private setMeridiem;
+    private changeHour;
+    private changeMinute;
+    private handleHourInput;
+    private handleMinuteInput;
+    private renderMeridiemButton;
+    private renderColumn;
+    render(): any;
+}

package/dist/types/components/sd-time-picker/sd-time-picker-trigger/sd-time-picker-trigger.d.ts

@@ -0,0 +1,21 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { type TimePickerSize } from '../sd-time-picker.config';
+export declare class SdTimePickerTrigger {
+    /** 표시할 시간 텍스트 */
+    displayText: string;
+    /** 입력 힌트 텍스트 */
+    placeholder: string;
+    /** 비활성 상태 여부 */
+    disabled: boolean;
+    /** 지우기 버튼 표시 여부 */
+    clearable: boolean;
+    /** 트리거 크기 */
+    size: TimePickerSize;
+    /** 트리거 클릭 시 발생합니다. */
+    triggerClick: EventEmitter<void>;
+    /** 지우기 버튼 클릭 시 발생합니다. */
+    clear: EventEmitter<void>;
+    private handleClick;
+    private handleClear;
+    render(): any;
+}

package/dist/types/components/sd-time-picker/sd-time-picker.config.d.ts

@@ -0,0 +1,71 @@
+export type TimePickerSize = 'sm' | 'md';
+export type TimePickerType = 'default' | 'midday';
+export type TimePickerMeridiem = 'AM' | 'PM';
+export interface TimePickerSizeTokens {
+    height: string;
+    paddingX: string;
+    gap: string;
+    iconSize: string;
+    radius: string;
+    fontSize: string;
+    lineHeight: string;
+    fontWeight: string;
+    minWidth: string;
+}
+export declare const TIMEPICKER_SIZE_MAP: Record<TimePickerSize, TimePickerSizeTokens>;
+export declare const TIMEPICKER_COLORS: {
+    border: {
+        default: string;
+        focus: string;
+        disabled: string;
+        width: string;
+    };
+    bg: {
+        default: string;
+        disabled: string;
+    };
+    icon: {
+        default: string;
+        disabled: string;
+    };
+    text: {
+        hint: string;
+        default: string;
+        disabled: string;
+    };
+};
+export declare const TIMEPICKER_SELECTOR: {
+    bg: string;
+    radius: string;
+    section: {
+        paddingX: string;
+        paddingY: string;
+    };
+    time: {
+        gap: string;
+        column: {
+            gap: string;
+        };
+    };
+    inputWidth: string;
+    colonSize: string;
+    range: {
+        heading: {
+            color: string;
+            gap: string;
+        };
+        paddingXY: string;
+        panelGap: string;
+        section: {
+            gap: string;
+        };
+    };
+};
+export declare function clampTimePart(value: number, min: number, max: number): number;
+export declare function padTimePart(value: number): string;
+export declare function parseTimeValue(value: string | null | undefined): {
+    hour: number;
+    minute: number;
+};
+export declare function formatTimeValue(hour: number, minute: number): string;
+export declare function formatTimeDisplay(value: string | null | undefined, type: TimePickerType): string;

package/dist/types/components/sd-time-picker/sd-time-picker.d.ts

@@ -0,0 +1,84 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import type { Rule } from '../../types/form';
+import type { SdTooltipProps } from '../sd-tooltip/sd-tooltip.config';
+import { type TimePickerSize, type TimePickerType } from './sd-time-picker.config';
+import { type FieldAddonAlign } from '../sd-field/sd-field.config';
+export declare class SdTimePicker {
+    private static readonly CLOSE_ANIMATION_DURATION;
+    el: HTMLElement;
+    /** 선택된 시간 (HH:mm) */
+    value: string | null;
+    /** 입력 필드 크기 */
+    size: TimePickerSize;
+    /** 표시 타입: default(24시간) / midday(오전·오후) */
+    type: TimePickerType;
+    /** 시간 미선택 시 표시할 placeholder */
+    placeholder: string;
+    /** 비활성 상태 여부 */
+    disabled: boolean;
+    /** 값이 있을 때 지우기 버튼 표시 여부 */
+    clearable: boolean;
+    /** 오전/오후 선택 표시 여부. 지정하지 않으면 type="midday"일 때만 켜집니다. */
+    useMeridiem?: boolean;
+    /** 분 증감 단위 */
+    minuteStep: number;
+    /** 필드 너비 (숫자면 px, 문자열이면 그대로 적용) */
+    width: string | number;
+    /** 레이블 텍스트 */
+    label: string;
+    /** 레이블 너비 */
+    labelWidth: string | number;
+    /** 필드 우측 어드온 레이블 */
+    addonLabel: string;
+    /** 어드온 정렬 방향 */
+    addonAlign: FieldAddonAlign;
+    /** 필드 하단 힌트 텍스트 */
+    hint: string;
+    /** 에러 메시지 */
+    errorMessage: string;
+    /** 유효성 검사 규칙 목록 */
+    rules?: Rule[];
+    /** 에러 상태 여부 */
+    error: boolean;
+    /** 필드 상태 (없으면 error/rules 결과로 자동 결정) */
+    status?: 'default' | 'pass' | 'error';
+    /** 레이블 영역 아이콘 */
+    icon?: IconProps;
+    /** 레이블 툴팁 텍스트 */
+    labelTooltip: string;
+    /** 레이블 툴팁 상세 옵션 */
+    labelTooltipProps: SdTooltipProps | null;
+    private isOpen;
+    private isAnimatingOut;
+    private focused;
+    private hovered;
+    /** 시간 선택 시 선택된 시간(HH:mm)을 전달합니다. */
+    update: EventEmitter<string | null>;
+    /** 선택기 열림/닫힘 상태가 바뀔 때 발생합니다. */
+    dropDownShow: EventEmitter<{
+        isOpen: boolean;
+    }>;
+    private triggerRef?;
+    private formField?;
+    private closeAnimationTimer?;
+    /** 폼 연동용 name 속성 */
+    name: string;
+    watchIsOpen(newValue: boolean): void;
+    valueChanged(newValue: string | null): void;
+    /** 유효성 검사를 실행합니다. */
+    sdValidate(): Promise<boolean | undefined>;
+    /** 값과 유효성 상태를 초기화합니다. */
+    sdReset(): Promise<void | undefined>;
+    /** 유효성 상태만 초기화합니다. */
+    sdResetValidate(): Promise<void | undefined>;
+    /** 입력 필드에 포커스를 이동합니다. */
+    sdFocus(): Promise<void | undefined>;
+    componentWillLoad(): void;
+    disconnectedCallback(): void;
+    private closeDropdown;
+    private handleTriggerClick;
+    private handleClear;
+    private handleSelect;
+    private get effectiveUseMeridiem();
+    render(): any;
+}

package/dist/types/components/sd-time-range-picker/sd-time-range-picker-selector/sd-time-range-picker-selector.d.ts

@@ -0,0 +1,40 @@
+import { EventEmitter } from '../../../stencil-public-runtime';
+import { type TimeRangePickerRangeOrder, type TimeRangeValue } from '../sd-time-range-picker.config';
+export declare class SdTimeRangePickerSelector {
+    /** 선택된 시간 범위 [시작, 종료] (HH:mm) */
+    value: TimeRangeValue;
+    /** 오전/오후 선택 표시 여부 */
+    useMeridiem: boolean;
+    /** 분 증감 단위 */
+    minuteStep: number;
+    /** 범위 순서 정책. strict는 시작 시간이 종료 시간보다 늦어지지 않도록 보정합니다. */
+    rangeOrder: TimeRangePickerRangeOrder;
+    /** 시간 범위 변경 시 발생합니다. */
+    update: EventEmitter<[string, string]>;
+    private editingKey;
+    private inputDraft;
+    private autoAdjusted;
+    private getRange;
+    private getParts;
+    private getMeridiem;
+    private getDisplayHour;
+    private emitSide;
+    private getTimeMinutes;
+    private normalizeNextRange;
+    private getEditingKey;
+    private sanitizeInput;
+    private setDraft;
+    private beginEdit;
+    private commitHourDraft;
+    private commitMinuteDraft;
+    private endEdit;
+    private setMeridiem;
+    private changeHour;
+    private changeMinute;
+    private handleHourInput;
+    private handleMinuteInput;
+    private renderMeridiemButton;
+    private renderColumn;
+    private renderPanel;
+    render(): any;
+}

package/dist/types/components/sd-time-range-picker/sd-time-range-picker.config.d.ts

@@ -0,0 +1,9 @@
+import { TIMEPICKER_COLORS, TIMEPICKER_SELECTOR, TIMEPICKER_SIZE_MAP, formatTimeDisplay, formatTimeValue, parseTimeValue, type TimePickerSize, type TimePickerType, type TimePickerMeridiem } from '../sd-time-picker/sd-time-picker.config';
+export type TimeRangePickerSize = TimePickerSize;
+export type TimeRangePickerType = TimePickerType;
+export type TimeRangePickerMeridiem = TimePickerMeridiem;
+export type TimeRangePickerRangeOrder = 'strict' | 'allow-cross-day';
+export type TimeRangeValue = [string, string] | null;
+export { TIMEPICKER_COLORS as TIME_RANGE_PICKER_COLORS, TIMEPICKER_SELECTOR as TIME_RANGE_PICKER_SELECTOR, TIMEPICKER_SIZE_MAP as TIME_RANGE_PICKER_SIZE_MAP, formatTimeDisplay, formatTimeValue, parseTimeValue, };
+export declare function normalizeTimeRangeValue(value: TimeRangeValue, rangeOrder?: TimeRangePickerRangeOrder): TimeRangeValue;
+export declare function formatTimeRangeDisplay(value: TimeRangeValue, type: TimeRangePickerType): string;