@lavalogic/scoria 0.0.19 → 0.0.20
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.
|
@@ -6,13 +6,10 @@
|
|
|
6
6
|
import { Size } from '../Types/Internal/Size.js';
|
|
7
7
|
import Icon, { type PartialIconProps } from './Icon.svelte';
|
|
8
8
|
|
|
9
|
-
type
|
|
9
|
+
export type DateInputProps = DateOnlyInputProps | DateTimeInputProps;
|
|
10
10
|
|
|
11
|
-
export interface
|
|
12
|
-
|
|
13
|
-
ValueType = DT extends 'datetime-local' ? InputDateWithTime : InputDate
|
|
14
|
-
> {
|
|
15
|
-
value?: ValueType | null;
|
|
11
|
+
export interface DateOnlyInputProps {
|
|
12
|
+
value?: InputDate | null;
|
|
16
13
|
label?: string;
|
|
17
14
|
placeholder?: string;
|
|
18
15
|
required?: boolean;
|
|
@@ -20,7 +17,26 @@
|
|
|
20
17
|
min?: string;
|
|
21
18
|
max?: string;
|
|
22
19
|
optional?: boolean;
|
|
23
|
-
type?:
|
|
20
|
+
type?: 'date';
|
|
21
|
+
disabled?: boolean;
|
|
22
|
+
leftIcon?: PartialIconProps;
|
|
23
|
+
rightIcon?: PartialIconProps;
|
|
24
|
+
inputRef?: HTMLInputElement;
|
|
25
|
+
invalid?: boolean;
|
|
26
|
+
onblur?: (e: FocusEvent) => void;
|
|
27
|
+
onfocus?: (e: FocusEvent) => void;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
export interface DateTimeInputProps {
|
|
31
|
+
value?: InputDateWithTime | null;
|
|
32
|
+
label?: string;
|
|
33
|
+
placeholder?: string;
|
|
34
|
+
required?: boolean;
|
|
35
|
+
variant?: InputVariant;
|
|
36
|
+
min?: string;
|
|
37
|
+
max?: string;
|
|
38
|
+
optional?: boolean;
|
|
39
|
+
type?: 'datetime-local';
|
|
24
40
|
disabled?: boolean;
|
|
25
41
|
leftIcon?: PartialIconProps;
|
|
26
42
|
rightIcon?: PartialIconProps;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { InputVariant } from '../Types/Internal/InputVariant.js';
|
|
2
2
|
import type { InputDate, InputDateWithTime } from '../Types/Internal/Misc.js';
|
|
3
3
|
import { type PartialIconProps } from './Icon.svelte';
|
|
4
|
-
type
|
|
5
|
-
export interface
|
|
6
|
-
value?:
|
|
4
|
+
export type DateInputProps = DateOnlyInputProps | DateTimeInputProps;
|
|
5
|
+
export interface DateOnlyInputProps {
|
|
6
|
+
value?: InputDate | null;
|
|
7
7
|
label?: string;
|
|
8
8
|
placeholder?: string;
|
|
9
9
|
required?: boolean;
|
|
@@ -11,7 +11,7 @@ export interface DateInputProps<DT = DTType, ValueType = DT extends 'datetime-lo
|
|
|
11
11
|
min?: string;
|
|
12
12
|
max?: string;
|
|
13
13
|
optional?: boolean;
|
|
14
|
-
type?:
|
|
14
|
+
type?: 'date';
|
|
15
15
|
disabled?: boolean;
|
|
16
16
|
leftIcon?: PartialIconProps;
|
|
17
17
|
rightIcon?: PartialIconProps;
|
|
@@ -20,6 +20,24 @@ export interface DateInputProps<DT = DTType, ValueType = DT extends 'datetime-lo
|
|
|
20
20
|
onblur?: (e: FocusEvent) => void;
|
|
21
21
|
onfocus?: (e: FocusEvent) => void;
|
|
22
22
|
}
|
|
23
|
-
|
|
23
|
+
export interface DateTimeInputProps {
|
|
24
|
+
value?: InputDateWithTime | null;
|
|
25
|
+
label?: string;
|
|
26
|
+
placeholder?: string;
|
|
27
|
+
required?: boolean;
|
|
28
|
+
variant?: InputVariant;
|
|
29
|
+
min?: string;
|
|
30
|
+
max?: string;
|
|
31
|
+
optional?: boolean;
|
|
32
|
+
type?: 'datetime-local';
|
|
33
|
+
disabled?: boolean;
|
|
34
|
+
leftIcon?: PartialIconProps;
|
|
35
|
+
rightIcon?: PartialIconProps;
|
|
36
|
+
inputRef?: HTMLInputElement;
|
|
37
|
+
invalid?: boolean;
|
|
38
|
+
onblur?: (e: FocusEvent) => void;
|
|
39
|
+
onfocus?: (e: FocusEvent) => void;
|
|
40
|
+
}
|
|
41
|
+
declare const DateInput: import("svelte").Component<DateInputProps, {}, "value">;
|
|
24
42
|
type DateInput = ReturnType<typeof DateInput>;
|
|
25
43
|
export default DateInput;
|
package/dist/index.d.ts
CHANGED
|
@@ -87,7 +87,7 @@ export { default as Button } from './Components/Button.svelte';
|
|
|
87
87
|
export { default as Checkbox } from './Components/Checkbox.svelte';
|
|
88
88
|
export { default as CollapsibleCard } from './Components/CollapsibleCard.svelte';
|
|
89
89
|
export { default as DataMatrixIcon } from './Components/DataMatrixIcon.svelte';
|
|
90
|
-
export { default as DateInput } from './Components/DateInput.svelte';
|
|
90
|
+
export { default as DateInput, type DateOnlyInputProps, type DateTimeInputProps } from './Components/DateInput.svelte';
|
|
91
91
|
export { default as DatePicker } from './Components/DatePicker.svelte';
|
|
92
92
|
export { default as DesktopModal } from './Components/DesktopModal.svelte';
|
|
93
93
|
export { default as Dial } from './Components/Dial.svelte';
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@lavalogic/scoria",
|
|
3
3
|
"description": "Svelte components used for the FloWMS Web Frontend",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.20",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "restricted"
|
|
7
7
|
},
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
"publint": "^0.3.14",
|
|
57
57
|
"sass-embedded": "^1.93.2",
|
|
58
58
|
"storybook": "^9.1.10",
|
|
59
|
-
"svelte": "^5.
|
|
59
|
+
"svelte": "^5.40.0",
|
|
60
60
|
"svelte-check": "^4.3.3",
|
|
61
61
|
"typescript": "^5.9.3",
|
|
62
62
|
"typescript-eslint": "^8.46.1",
|