sellmate-design-system-react 0.2.0 → 0.4.0

package/dist/components/STimeRangePicker/STimeRangePicker.d.ts

@@ -0,0 +1,53 @@
+import { type CSSProperties } from 'react';
+import { type SFieldAddonAlign, type SFieldStatus } from '../SField';
+import { type SIconName } from '../SIcon';
+import { type SColor } from '../../lib/color';
+import { type Rule } from '../../lib/form';
+import { type STooltipProps } from '../STooltip';
+import { type STimeRangePickerRangeOrder, type STimeRangePickerSize, type STimeRangePickerType, type STimeRangeValue } from './time-range-picker.config';
+export type { STimeRangePickerSize, STimeRangePickerRangeOrder, STimeRangePickerType, STimeRangeValue, } from './time-range-picker.config';
+export interface STimeRangePickerProps {
+    /** 선택 시간 범위 [시작, 종료] (HH:mm) */
+    value?: STimeRangeValue;
+    /** 선택 변경 (sdUpdate) */
+    onValueChange?: (range: STimeRangeValue) => void;
+    /** 열림/닫힘 변경 (sdDropDownShow) */
+    onOpenChange?: (open: boolean) => void;
+    /** 표시 타입: default(24시간) / midday(오전·오후) */
+    type?: STimeRangePickerType;
+    size?: STimeRangePickerSize;
+    placeholder?: string;
+    disabled?: boolean;
+    clearable?: boolean;
+    /** 오전/오후 선택 표시 여부. 지정하지 않으면 type="midday"일 때만 켜집니다. */
+    useMeridiem?: boolean;
+    minuteStep?: number;
+    /** 범위 순서 정책. strict는 시작 시간이 종료 시간보다 늦어지지 않도록 보정합니다. */
+    rangeOrder?: STimeRangePickerRangeOrder;
+    width?: number | string;
+    name?: string;
+    rules?: Rule[];
+    status?: SFieldStatus;
+    label?: string;
+    labelWidth?: number | string;
+    icon?: SIconName;
+    iconColor?: SColor;
+    labelTooltip?: string;
+    labelTooltipProps?: Partial<STooltipProps>;
+    addonLabel?: string;
+    addonAlign?: SFieldAddonAlign;
+    hint?: string;
+    error?: boolean;
+    errorMessage?: string;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function RangeTimeSelector({ value, useMeridiem, minuteStep, rangeOrder, onChange, }: {
+    value?: STimeRangeValue;
+    useMeridiem: boolean;
+    minuteStep: number;
+    rangeOrder: STimeRangePickerRangeOrder;
+    onChange: (range: [string, string]) => void;
+}): import("react").JSX.Element;
+/** STimeRangePicker — sd-time-range-picker 포팅. SField + Popover(RangeTimeSelector). */
+export declare function STimeRangePicker({ value, onValueChange, onOpenChange, type, size, placeholder, disabled, clearable, useMeridiem, minuteStep, rangeOrder, width, name, rules, status, label, labelWidth, icon, iconColor, labelTooltip, labelTooltipProps, addonLabel, addonAlign, hint, error, errorMessage, className, style, }: STimeRangePickerProps): import("react").JSX.Element;