@refraktor/dates 0.0.3 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/components/date-range-picker/date-range-picker.d.ts +4 -0
- package/build/components/date-range-picker/date-range-picker.d.ts.map +1 -0
- package/build/components/date-range-picker/date-range-picker.js +379 -0
- package/build/components/date-range-picker/date-range-picker.types.d.ts +100 -0
- package/build/components/date-range-picker/date-range-picker.types.d.ts.map +1 -0
- package/build/components/date-range-picker/date-range-picker.types.js +1 -0
- package/build/components/date-range-picker/index.d.ts +3 -0
- package/build/components/date-range-picker/index.d.ts.map +1 -0
- package/build/components/date-range-picker/index.js +1 -0
- package/build/components/time-input/index.d.ts +1 -1
- package/build/components/time-input/index.d.ts.map +1 -1
- package/build/components/time-input/time-input.d.ts.map +1 -1
- package/build/components/time-input/time-input.js +7 -196
- package/build/components/time-input/time-input.types.d.ts +5 -83
- package/build/components/time-input/time-input.types.d.ts.map +1 -1
- package/build/components/time-picker/index.d.ts +1 -1
- package/build/components/time-picker/index.d.ts.map +1 -1
- package/build/components/time-picker/time-picker.d.ts.map +1 -1
- package/build/components/time-picker/time-picker.js +498 -350
- package/build/components/time-picker/time-picker.types.d.ts +96 -61
- package/build/components/time-picker/time-picker.types.d.ts.map +1 -1
- package/build/style.css +2 -2
- package/package.json +33 -4
- package/.turbo/turbo-build.log +0 -4
- package/refraktor-dates-0.0.1-alpha.0.tgz +0 -0
- package/src/components/date-input/date-input.tsx +0 -379
- package/src/components/date-input/date-input.types.ts +0 -161
- package/src/components/date-input/index.ts +0 -13
- package/src/components/date-picker/date-picker.tsx +0 -649
- package/src/components/date-picker/date-picker.types.ts +0 -145
- package/src/components/date-picker/index.ts +0 -15
- package/src/components/dates-provider/context.ts +0 -18
- package/src/components/dates-provider/dates-provider.tsx +0 -136
- package/src/components/dates-provider/index.ts +0 -10
- package/src/components/dates-provider/types.ts +0 -33
- package/src/components/dates-provider/use-dates.ts +0 -5
- package/src/components/index.ts +0 -9
- package/src/components/month-input/index.ts +0 -13
- package/src/components/month-input/month-input.tsx +0 -366
- package/src/components/month-input/month-input.types.ts +0 -139
- package/src/components/month-picker/index.ts +0 -14
- package/src/components/month-picker/month-picker.tsx +0 -458
- package/src/components/month-picker/month-picker.types.ts +0 -117
- package/src/components/picker-shared/index.ts +0 -7
- package/src/components/picker-shared/picker-header.tsx +0 -178
- package/src/components/picker-shared/picker-header.types.ts +0 -49
- package/src/components/picker-shared/picker.styles.ts +0 -69
- package/src/components/picker-shared/picker.types.ts +0 -4
- package/src/components/time-input/index.ts +0 -23
- package/src/components/time-input/time-input.tsx +0 -453
- package/src/components/time-input/time-input.types.ts +0 -163
- package/src/components/time-picker/index.ts +0 -19
- package/src/components/time-picker/time-picker.tsx +0 -737
- package/src/components/time-picker/time-picker.types.ts +0 -135
- package/src/components/year-input/index.ts +0 -13
- package/src/components/year-input/year-input.tsx +0 -350
- package/src/components/year-input/year-input.types.ts +0 -118
- package/src/components/year-picker/index.ts +0 -15
- package/src/components/year-picker/year-picker.tsx +0 -504
- package/src/components/year-picker/year-picker.types.ts +0 -108
- package/src/index.ts +0 -3
- package/src/style.css +0 -1
- package/tsconfig.json +0 -13
|
@@ -1,205 +1,16 @@
|
|
|
1
|
-
import { jsx as _jsx
|
|
2
|
-
import {
|
|
3
|
-
import { useCallback, useMemo } from "react";
|
|
4
|
-
import { createClassNamesConfig, createComponentConfig, factory, Input, Transition, useClassNames, useProps, useTheme } from "@refraktor/core";
|
|
5
|
-
import { autoUpdate, flip, FloatingFocusManager, FloatingPortal, inline, offset, shift, useDismiss, useFloating, useFocus, useInteractions, useRole } from "@floating-ui/react";
|
|
6
|
-
import { useDates } from "../dates-provider";
|
|
7
|
-
import { TimePicker } from "../time-picker";
|
|
8
|
-
const DEFAULT_MODE = "24h";
|
|
9
|
-
const DEFAULT_VALUE_FORMAT = "HH:mm:ss";
|
|
10
|
-
const HOURS_IN_DAY = 24;
|
|
11
|
-
const MINUTES_IN_HOUR = 60;
|
|
12
|
-
const SECONDS_IN_MINUTE = 60;
|
|
13
|
-
const TIME_SEGMENT_PATTERN = /^\d{1,2}$/;
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { createClassNamesConfig, createComponentConfig, factory, Input, useClassNames, useProps, useTheme } from "@refraktor/core";
|
|
14
3
|
const defaultProps = {
|
|
15
|
-
|
|
16
|
-
valueFormat: DEFAULT_VALUE_FORMAT,
|
|
17
|
-
disabled: false,
|
|
4
|
+
withSeconds: false,
|
|
18
5
|
size: "md",
|
|
19
6
|
radius: "default",
|
|
20
|
-
|
|
21
|
-
placement: "bottom-start",
|
|
22
|
-
offset: 4
|
|
23
|
-
},
|
|
24
|
-
middlewares: {
|
|
25
|
-
flip: true,
|
|
26
|
-
shift: true
|
|
27
|
-
},
|
|
28
|
-
withinPortal: true,
|
|
29
|
-
closeOnClickOutside: true,
|
|
30
|
-
closeOnEscape: true
|
|
31
|
-
};
|
|
32
|
-
const pad = (value) => String(value).padStart(2, "0");
|
|
33
|
-
const parseTimeValue = (value) => {
|
|
34
|
-
if (typeof value !== "string") {
|
|
35
|
-
return undefined;
|
|
36
|
-
}
|
|
37
|
-
const segments = value.trim().split(":");
|
|
38
|
-
if (segments.length !== 3 ||
|
|
39
|
-
!segments.every((segment) => TIME_SEGMENT_PATTERN.test(segment))) {
|
|
40
|
-
return undefined;
|
|
41
|
-
}
|
|
42
|
-
const [hoursText, minutesText, secondsText] = segments;
|
|
43
|
-
const hours24 = Number.parseInt(hoursText, 10);
|
|
44
|
-
const minutes = Number.parseInt(minutesText, 10);
|
|
45
|
-
const seconds = Number.parseInt(secondsText, 10);
|
|
46
|
-
if (hours24 < 0 ||
|
|
47
|
-
hours24 >= HOURS_IN_DAY ||
|
|
48
|
-
minutes < 0 ||
|
|
49
|
-
minutes >= MINUTES_IN_HOUR ||
|
|
50
|
-
seconds < 0 ||
|
|
51
|
-
seconds >= SECONDS_IN_MINUTE) {
|
|
52
|
-
return undefined;
|
|
53
|
-
}
|
|
54
|
-
return {
|
|
55
|
-
hours24,
|
|
56
|
-
minutes,
|
|
57
|
-
seconds
|
|
58
|
-
};
|
|
59
|
-
};
|
|
60
|
-
const normalizeTimeValue = (value) => {
|
|
61
|
-
const parsed = parseTimeValue(value);
|
|
62
|
-
if (!parsed) {
|
|
63
|
-
return undefined;
|
|
64
|
-
}
|
|
65
|
-
return `${pad(parsed.hours24)}:${pad(parsed.minutes)}:${pad(parsed.seconds)}`;
|
|
66
|
-
};
|
|
67
|
-
const formatInputValue = (value, valueFormat, createDate) => {
|
|
68
|
-
if (value === undefined) {
|
|
69
|
-
return "";
|
|
70
|
-
}
|
|
71
|
-
if (valueFormat === DEFAULT_VALUE_FORMAT) {
|
|
72
|
-
return value;
|
|
73
|
-
}
|
|
74
|
-
const parsed = parseTimeValue(value);
|
|
75
|
-
if (!parsed) {
|
|
76
|
-
return value;
|
|
77
|
-
}
|
|
78
|
-
return createDate(new Date(2000, 0, 1, parsed.hours24, parsed.minutes, parsed.seconds, 0)).format(valueFormat);
|
|
7
|
+
variant: "default"
|
|
79
8
|
};
|
|
80
9
|
const TimeInput = factory((_props, ref) => {
|
|
81
|
-
const { cx
|
|
82
|
-
const {
|
|
83
|
-
const { id, value, defaultValue, onChange, opened, defaultOpened, onOpenedChange, minTime, maxTime, mode, getHourLabel, getMinuteLabel, getSecondLabel, getPeriodLabel, getHourAriaLabel, getMinuteAriaLabel, getSecondAriaLabel, getPeriodAriaLabel, valueFormat, disabled, size, radius, positioning, middlewares, withinPortal, closeOnClickOutside, closeOnEscape, transitionProps, inputClassNames, className, classNames, onFocus, onBlur, onClick, onKeyDown, ...inputProps } = useProps("TimeInput", defaultProps, _props);
|
|
10
|
+
const { cx } = useTheme();
|
|
11
|
+
const { withSeconds, className, classNames, ...inputProps } = useProps("TimeInput", defaultProps, _props);
|
|
84
12
|
const classes = useClassNames("TimeInput", classNames);
|
|
85
|
-
|
|
86
|
-
const dropdownId = `${_id}-dropdown`;
|
|
87
|
-
const [selectedTimeState, setSelectedTime] = useUncontrolled({
|
|
88
|
-
value,
|
|
89
|
-
defaultValue,
|
|
90
|
-
finalValue: undefined,
|
|
91
|
-
onChange: (nextTime) => {
|
|
92
|
-
if (nextTime !== undefined) {
|
|
93
|
-
onChange?.(nextTime);
|
|
94
|
-
}
|
|
95
|
-
}
|
|
96
|
-
});
|
|
97
|
-
const [isOpenState, setIsOpen] = useUncontrolled({
|
|
98
|
-
value: opened,
|
|
99
|
-
defaultValue: defaultOpened,
|
|
100
|
-
finalValue: false,
|
|
101
|
-
onChange: onOpenedChange
|
|
102
|
-
});
|
|
103
|
-
const isOpen = isOpenState && !disabled;
|
|
104
|
-
const middleware = useMemo(() => {
|
|
105
|
-
const middlewareList = [];
|
|
106
|
-
middlewareList.push(offset(positioning?.offset ?? 4));
|
|
107
|
-
if (middlewares?.flip ?? true) {
|
|
108
|
-
middlewareList.push(flip(typeof middlewares?.flip === "boolean"
|
|
109
|
-
? undefined
|
|
110
|
-
: middlewares.flip));
|
|
111
|
-
}
|
|
112
|
-
if (middlewares?.shift ?? true) {
|
|
113
|
-
middlewareList.push(shift(typeof middlewares?.shift === "boolean"
|
|
114
|
-
? undefined
|
|
115
|
-
: middlewares.shift));
|
|
116
|
-
}
|
|
117
|
-
if (middlewares?.inline) {
|
|
118
|
-
middlewareList.push(inline(typeof middlewares.inline === "boolean"
|
|
119
|
-
? undefined
|
|
120
|
-
: middlewares.inline));
|
|
121
|
-
}
|
|
122
|
-
return middlewareList;
|
|
123
|
-
}, [middlewares, positioning?.offset]);
|
|
124
|
-
const handleOpenChange = useCallback((nextOpen) => {
|
|
125
|
-
if (disabled && nextOpen) {
|
|
126
|
-
return;
|
|
127
|
-
}
|
|
128
|
-
setIsOpen(nextOpen);
|
|
129
|
-
}, [disabled, setIsOpen]);
|
|
130
|
-
const floating = useFloating({
|
|
131
|
-
placement: positioning?.placement ?? "bottom-start",
|
|
132
|
-
open: isOpen,
|
|
133
|
-
onOpenChange: handleOpenChange,
|
|
134
|
-
middleware,
|
|
135
|
-
whileElementsMounted: autoUpdate,
|
|
136
|
-
strategy: "fixed"
|
|
137
|
-
});
|
|
138
|
-
const focus = useFocus(floating.context, {
|
|
139
|
-
enabled: !disabled
|
|
140
|
-
});
|
|
141
|
-
const dismiss = useDismiss(floating.context, {
|
|
142
|
-
outsidePress: closeOnClickOutside,
|
|
143
|
-
escapeKey: closeOnEscape
|
|
144
|
-
});
|
|
145
|
-
const role = useRole(floating.context, {
|
|
146
|
-
role: "dialog"
|
|
147
|
-
});
|
|
148
|
-
const { getReferenceProps, getFloatingProps } = useInteractions([
|
|
149
|
-
focus,
|
|
150
|
-
dismiss,
|
|
151
|
-
role
|
|
152
|
-
]);
|
|
153
|
-
const setInputRef = useCallback((node) => {
|
|
154
|
-
floating.refs.setReference(node);
|
|
155
|
-
if (typeof ref === "function") {
|
|
156
|
-
ref(node);
|
|
157
|
-
}
|
|
158
|
-
else if (ref) {
|
|
159
|
-
ref.current = node;
|
|
160
|
-
}
|
|
161
|
-
}, [floating.refs, ref]);
|
|
162
|
-
const handleInputKeyDown = useCallback((event) => {
|
|
163
|
-
onKeyDown?.(event);
|
|
164
|
-
if (event.defaultPrevented || disabled) {
|
|
165
|
-
return;
|
|
166
|
-
}
|
|
167
|
-
if (event.key === "ArrowDown" ||
|
|
168
|
-
event.key === "Enter" ||
|
|
169
|
-
event.key === " ") {
|
|
170
|
-
event.preventDefault();
|
|
171
|
-
setIsOpen(true);
|
|
172
|
-
return;
|
|
173
|
-
}
|
|
174
|
-
if (event.key === "Escape") {
|
|
175
|
-
event.preventDefault();
|
|
176
|
-
setIsOpen(false);
|
|
177
|
-
}
|
|
178
|
-
}, [disabled, onKeyDown, setIsOpen]);
|
|
179
|
-
const handleTimeChange = useCallback((nextTime) => {
|
|
180
|
-
const normalizedTime = normalizeTimeValue(nextTime);
|
|
181
|
-
if (normalizedTime === undefined) {
|
|
182
|
-
return;
|
|
183
|
-
}
|
|
184
|
-
setSelectedTime(normalizedTime);
|
|
185
|
-
}, [setSelectedTime]);
|
|
186
|
-
const selectedTime = useMemo(() => normalizeTimeValue(selectedTimeState), [selectedTimeState]);
|
|
187
|
-
const inputValue = useMemo(() => formatInputValue(selectedTime, valueFormat, createDate), [createDate, selectedTime, valueFormat]);
|
|
188
|
-
const mergedReferenceProps = getReferenceProps({
|
|
189
|
-
onFocus,
|
|
190
|
-
onBlur,
|
|
191
|
-
onClick,
|
|
192
|
-
onKeyDown: handleInputKeyDown
|
|
193
|
-
});
|
|
194
|
-
const dropdownWidth = mode === "12h"
|
|
195
|
-
? "w-[calc(100vw-1rem)] max-w-[28rem]"
|
|
196
|
-
: "w-[calc(100vw-1rem)] max-w-[22rem]";
|
|
197
|
-
const dropdownContent = (_jsx(Transition, { transition: "fade", duration: 150, mounted: isOpen, style: { position: "relative", zIndex: 1000 }, ...transitionProps, children: _jsx("div", { ref: floating.refs.setFloating, id: dropdownId, style: {
|
|
198
|
-
...floating.floatingStyles,
|
|
199
|
-
zIndex: 1000
|
|
200
|
-
}, className: cx(dropdownWidth, "z-50 border border-[var(--refraktor-border)] bg-[var(--refraktor-bg)] p-2 text-[var(--refraktor-text)] shadow-md", getRadius(radius), classes.dropdown), ...getFloatingProps(), children: _jsx(TimePicker, { value: selectedTime, onChange: handleTimeChange, minTime: minTime, maxTime: maxTime, mode: mode, disabled: disabled, size: size, radius: radius, getHourLabel: getHourLabel, getMinuteLabel: getMinuteLabel, getSecondLabel: getSecondLabel, getPeriodLabel: getPeriodLabel, getHourAriaLabel: getHourAriaLabel, getMinuteAriaLabel: getMinuteAriaLabel, getSecondAriaLabel: getSecondAriaLabel, getPeriodAriaLabel: getPeriodAriaLabel, className: cx("bg-transparent p-0", classes.timePicker) }) }) }));
|
|
201
|
-
const wrappedContent = isOpen ? (_jsx(FloatingFocusManager, { context: floating.context, modal: false, initialFocus: -1, returnFocus: false, children: dropdownContent })) : (dropdownContent);
|
|
202
|
-
return (_jsxs(_Fragment, { children: [_jsx(Input, { ref: setInputRef, id: _id, readOnly: true, value: inputValue, disabled: disabled, size: size, radius: radius, role: "combobox", "aria-haspopup": "dialog", "aria-expanded": isOpen, "aria-controls": isOpen ? dropdownId : undefined, className: cx(classes.input, className), classNames: inputClassNames, ...inputProps, ...mergedReferenceProps }), withinPortal ? (_jsx(FloatingPortal, { children: wrappedContent })) : (wrappedContent)] }));
|
|
13
|
+
return (_jsx(Input, { ref: ref, type: "time", step: withSeconds ? 1 : undefined, className: cx(classes.input, className), ...inputProps }));
|
|
203
14
|
});
|
|
204
15
|
TimeInput.displayName = "@refraktor/dates/TimeInput";
|
|
205
16
|
TimeInput.configure = createComponentConfig();
|
|
@@ -1,92 +1,14 @@
|
|
|
1
|
-
import
|
|
2
|
-
import { createClassNamesConfig, createComponentConfig, FactoryPayload, InputFieldClassNames, InputProps, RefraktorRadius, RefraktorSize, TransitionProps } from "@refraktor/core";
|
|
3
|
-
import type { TimePickerGetHourAriaLabel, TimePickerGetHourLabel, TimePickerGetMinuteAriaLabel, TimePickerGetMinuteLabel, TimePickerGetPeriodAriaLabel, TimePickerGetPeriodLabel, TimePickerGetSecondAriaLabel, TimePickerGetSecondLabel, TimePickerMode, TimePickerOnChange, TimePickerPeriod, TimePickerValue } from "../time-picker";
|
|
4
|
-
export type TimeInputValue = TimePickerValue;
|
|
5
|
-
export type TimeInputMode = TimePickerMode;
|
|
6
|
-
export type TimeInputPeriod = TimePickerPeriod;
|
|
7
|
-
export type TimeInputSize = RefraktorSize;
|
|
8
|
-
export type TimeInputRadius = RefraktorRadius;
|
|
9
|
-
export type TimeInputOnChange = TimePickerOnChange;
|
|
10
|
-
export type TimeInputValueFormat = string;
|
|
11
|
-
export type TimeInputGetHourLabel = TimePickerGetHourLabel;
|
|
12
|
-
export type TimeInputGetMinuteLabel = TimePickerGetMinuteLabel;
|
|
13
|
-
export type TimeInputGetSecondLabel = TimePickerGetSecondLabel;
|
|
14
|
-
export type TimeInputGetPeriodLabel = TimePickerGetPeriodLabel;
|
|
15
|
-
export type TimeInputGetHourAriaLabel = TimePickerGetHourAriaLabel;
|
|
16
|
-
export type TimeInputGetMinuteAriaLabel = TimePickerGetMinuteAriaLabel;
|
|
17
|
-
export type TimeInputGetSecondAriaLabel = TimePickerGetSecondAriaLabel;
|
|
18
|
-
export type TimeInputGetPeriodAriaLabel = TimePickerGetPeriodAriaLabel;
|
|
19
|
-
export type TimeInputPositioning = {
|
|
20
|
-
/** The placement of the dropdown relative to the input @default `bottom-start` */
|
|
21
|
-
placement?: Placement;
|
|
22
|
-
/** Offset distance from the input in pixels @default `4` */
|
|
23
|
-
offset?: number;
|
|
24
|
-
};
|
|
25
|
-
export type TimeInputMiddlewares = {
|
|
26
|
-
shift?: boolean | ShiftOptions;
|
|
27
|
-
flip?: boolean | FlipOptions;
|
|
28
|
-
inline?: boolean | InlineOptions;
|
|
29
|
-
};
|
|
1
|
+
import { createClassNamesConfig, createComponentConfig, FactoryPayload, InputProps } from "@refraktor/core";
|
|
30
2
|
export type TimeInputClassNames = {
|
|
31
3
|
input?: string;
|
|
32
|
-
dropdown?: string;
|
|
33
|
-
timePicker?: string;
|
|
34
4
|
};
|
|
35
5
|
interface _TimeInputProps {
|
|
36
|
-
/**
|
|
37
|
-
|
|
38
|
-
/**
|
|
39
|
-
defaultValue?: TimeInputValue;
|
|
40
|
-
/** Callback called when selected time changes in normalized `HH:mm:ss` format (24h). */
|
|
41
|
-
onChange?: TimeInputOnChange;
|
|
42
|
-
/** Dropdown open state (controlled). */
|
|
43
|
-
opened?: boolean;
|
|
44
|
-
/** Initial dropdown open state (uncontrolled). */
|
|
45
|
-
defaultOpened?: boolean;
|
|
46
|
-
/** Callback called when dropdown open state changes. */
|
|
47
|
-
onOpenedChange?: (opened: boolean) => void;
|
|
48
|
-
/** Lower selectable bound for time-of-day, accepts `H:mm:ss` or `HH:mm:ss` (24h). */
|
|
49
|
-
minTime?: TimeInputValue;
|
|
50
|
-
/** Upper selectable bound for time-of-day, accepts `H:mm:ss` or `HH:mm:ss` (24h). */
|
|
51
|
-
maxTime?: TimeInputValue;
|
|
52
|
-
/** Time display mode @default `24h` */
|
|
53
|
-
mode?: TimeInputMode;
|
|
54
|
-
/** Custom hour label renderer. */
|
|
55
|
-
getHourLabel?: TimeInputGetHourLabel;
|
|
56
|
-
/** Custom minute label renderer. */
|
|
57
|
-
getMinuteLabel?: TimeInputGetMinuteLabel;
|
|
58
|
-
/** Custom second label renderer. */
|
|
59
|
-
getSecondLabel?: TimeInputGetSecondLabel;
|
|
60
|
-
/** Custom AM/PM label renderer in 12h mode. */
|
|
61
|
-
getPeriodLabel?: TimeInputGetPeriodLabel;
|
|
62
|
-
/** Custom aria-label generator for hour options. */
|
|
63
|
-
getHourAriaLabel?: TimeInputGetHourAriaLabel;
|
|
64
|
-
/** Custom aria-label generator for minute options. */
|
|
65
|
-
getMinuteAriaLabel?: TimeInputGetMinuteAriaLabel;
|
|
66
|
-
/** Custom aria-label generator for second options. */
|
|
67
|
-
getSecondAriaLabel?: TimeInputGetSecondAriaLabel;
|
|
68
|
-
/** Custom aria-label generator for period options. */
|
|
69
|
-
getPeriodAriaLabel?: TimeInputGetPeriodAriaLabel;
|
|
70
|
-
/** Dayjs format used to render selected time in the input @default `HH:mm:ss` */
|
|
71
|
-
valueFormat?: TimeInputValueFormat;
|
|
72
|
-
/** Positioning settings for the dropdown. */
|
|
73
|
-
positioning?: TimeInputPositioning;
|
|
74
|
-
/** Floating middleware settings. */
|
|
75
|
-
middlewares?: TimeInputMiddlewares;
|
|
76
|
-
/** Whether to render dropdown in a portal @default `true` */
|
|
77
|
-
withinPortal?: boolean;
|
|
78
|
-
/** Whether to close on click outside @default `true` */
|
|
79
|
-
closeOnClickOutside?: boolean;
|
|
80
|
-
/** Whether to close on Escape key @default `true` */
|
|
81
|
-
closeOnEscape?: boolean;
|
|
82
|
-
/** Transition props for dropdown, uses Transition internally */
|
|
83
|
-
transitionProps?: Omit<TransitionProps, "children" | "mounted">;
|
|
84
|
-
/** Used for styling the core Input field parts. */
|
|
85
|
-
inputClassNames?: InputFieldClassNames;
|
|
86
|
-
/** Used for styling TimeInput parts. */
|
|
6
|
+
/** Show seconds in the native time input @default `false` */
|
|
7
|
+
withSeconds?: boolean;
|
|
8
|
+
/** Used for styling TimeInput parts */
|
|
87
9
|
classNames?: TimeInputClassNames;
|
|
88
10
|
}
|
|
89
|
-
export type TimeInputProps = _TimeInputProps & Omit<InputProps, "
|
|
11
|
+
export type TimeInputProps = _TimeInputProps & Omit<InputProps, "type" | "classNames">;
|
|
90
12
|
export interface TimeInputFactoryPayload extends FactoryPayload {
|
|
91
13
|
props: TimeInputProps;
|
|
92
14
|
ref: HTMLInputElement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time-input.types.d.ts","sourceRoot":"","sources":["../../../src/components/time-input/time-input.types.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"time-input.types.d.ts","sourceRoot":"","sources":["../../../src/components/time-input/time-input.types.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,sBAAsB,EACtB,qBAAqB,EACrB,cAAc,EACd,UAAU,EACb,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,mBAAmB,GAAG;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,UAAU,eAAe;IACrB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB,uCAAuC;IACvC,UAAU,CAAC,EAAE,mBAAmB,CAAC;CACpC;AAED,MAAM,MAAM,cAAc,GAAG,eAAe,GACxC,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,YAAY,CAAC,CAAC;AAE5C,MAAM,WAAW,uBAAwB,SAAQ,cAAc;IAC3D,KAAK,EAAE,cAAc,CAAC;IACtB,GAAG,EAAE,gBAAgB,CAAC;IACtB,QAAQ,EAAE;QACN,SAAS,EAAE,UAAU,CAAC,OAAO,qBAAqB,CAAC,cAAc,CAAC,CAAC,CAAC;QACpE,UAAU,EAAE,UAAU,CAAC,OAAO,sBAAsB,CAAC,mBAAmB,CAAC,CAAC,CAAC;KAC9E,CAAC;CACL"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { default as TimePicker } from "./time-picker";
|
|
2
|
-
export type {
|
|
2
|
+
export type { TimePickerAmPmLabels, TimePickerClassNames, TimePickerFactoryPayload, TimePickerFormat, TimePickerPopoverProps, TimePickerProps, TimePickerValue } from "./time-picker.types";
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/time-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EACR,oBAAoB,EACpB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/time-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AACtD,YAAY,EACR,oBAAoB,EACpB,oBAAoB,EACpB,wBAAwB,EACxB,gBAAgB,EAChB,sBAAsB,EACtB,eAAe,EACf,eAAe,EAClB,MAAM,qBAAqB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time-picker.d.ts","sourceRoot":"","sources":["../../../src/components/time-picker/time-picker.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"time-picker.d.ts","sourceRoot":"","sources":["../../../src/components/time-picker/time-picker.tsx"],"names":[],"mappings":"AAkCA,OAAO,EAEH,wBAAwB,EAI3B,MAAM,qBAAqB,CAAC;AA8K7B,QAAA,MAAM,UAAU,wEAm2Bd,CAAC;AAMH,eAAe,UAAU,CAAC"}
|