lll-date-picker 1.0.5 → 1.0.6
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/README.md +29 -0
- package/dist/components/LLLDatePicker/DateInputs.d.ts +4 -0
- package/dist/components/LLLDatePicker/DateInputs.d.ts.map +1 -1
- package/dist/components/LLLDatePicker/PresetButtons.d.ts +13 -0
- package/dist/components/LLLDatePicker/PresetButtons.d.ts.map +1 -1
- package/dist/components/LLLDatePicker/index.d.ts.map +1 -1
- package/dist/components/LLLDatePicker/types.d.ts +19 -0
- package/dist/components/LLLDatePicker/types.d.ts.map +1 -1
- package/dist/index.cjs +17 -17
- package/dist/index.js +1309 -1300
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -57,6 +57,9 @@ function App() {
|
|
|
57
57
|
| `dropdownClassName` | `string` | `undefined` | Custom CSS classes for dropdown card |
|
|
58
58
|
| `disabled` | `boolean` | `false` | Disable the date picker |
|
|
59
59
|
| `placeholder` | `string` | `'ເລືອກວັນທີ'` | Placeholder text for button |
|
|
60
|
+
| `labels` | `object` | `undefined` | Custom labels for preset buttons |
|
|
61
|
+
| `labelInputs` | `object` | `undefined` | Custom labels for start/end date inputs |
|
|
62
|
+
| `quickSelectLabel` | `string` | `'ເລືອກໄລຍະເວລາ'` | Custom label for quick select section |
|
|
60
63
|
|
|
61
64
|
## Preset Date Ranges
|
|
62
65
|
|
|
@@ -115,6 +118,32 @@ function ControlledExample() {
|
|
|
115
118
|
}
|
|
116
119
|
```
|
|
117
120
|
|
|
121
|
+
### Custom Text & Labels
|
|
122
|
+
|
|
123
|
+
You can customize all text labels including inputs and preset buttons:
|
|
124
|
+
|
|
125
|
+
```tsx
|
|
126
|
+
<LLLDatePicker
|
|
127
|
+
labels={{
|
|
128
|
+
today: 'Today',
|
|
129
|
+
yesterday: 'Yesterday',
|
|
130
|
+
lastWeek: 'Last Week',
|
|
131
|
+
thisWeek: 'This Week',
|
|
132
|
+
lastMonth: 'Last Month',
|
|
133
|
+
thisMonth: 'This Month',
|
|
134
|
+
lastYear: 'Last Year',
|
|
135
|
+
thisYear: 'This Year',
|
|
136
|
+
clear: 'Clear',
|
|
137
|
+
}}
|
|
138
|
+
labelInputs={{
|
|
139
|
+
startLabel: 'Start Date',
|
|
140
|
+
endLabel: 'End Date',
|
|
141
|
+
}}
|
|
142
|
+
quickSelectLabel='Quick Select'
|
|
143
|
+
onDateChange={handleDateChange}
|
|
144
|
+
/>
|
|
145
|
+
```
|
|
146
|
+
|
|
118
147
|
## Utility Functions
|
|
119
148
|
|
|
120
149
|
The library also exports utility functions for advanced usage:
|
|
@@ -6,6 +6,10 @@ interface DateInputsProps {
|
|
|
6
6
|
onStartDateChange: (date: Date | null) => void;
|
|
7
7
|
onEndDateChange: (date: Date | null) => void;
|
|
8
8
|
className?: string;
|
|
9
|
+
labelInputs?: {
|
|
10
|
+
startLabel?: string;
|
|
11
|
+
endLabel?: string;
|
|
12
|
+
};
|
|
9
13
|
}
|
|
10
14
|
export declare const DateInputs: React.FC<DateInputsProps>;
|
|
11
15
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateInputs.d.ts","sourceRoot":"","sources":["../../../src/components/LLLDatePicker/DateInputs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,eAAe;IACrB,SAAS,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,IAAI,GAAG,IAAI,CAAC;IACrB,iBAAiB,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"DateInputs.d.ts","sourceRoot":"","sources":["../../../src/components/LLLDatePicker/DateInputs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,eAAe;IACrB,SAAS,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,IAAI,GAAG,IAAI,CAAC;IACrB,iBAAiB,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,eAAe,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE;QACV,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;CACL;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA2DhD,CAAC"}
|
|
@@ -6,6 +6,19 @@ interface PresetButtonsProps {
|
|
|
6
6
|
startDate: Date | null;
|
|
7
7
|
endDate: Date | null;
|
|
8
8
|
className?: string;
|
|
9
|
+
labels?: {
|
|
10
|
+
[key: string]: string | undefined;
|
|
11
|
+
today?: string;
|
|
12
|
+
yesterday?: string;
|
|
13
|
+
lastWeek?: string;
|
|
14
|
+
thisWeek?: string;
|
|
15
|
+
lastMonth?: string;
|
|
16
|
+
thisMonth?: string;
|
|
17
|
+
lastYear?: string;
|
|
18
|
+
thisYear?: string;
|
|
19
|
+
clear?: string;
|
|
20
|
+
};
|
|
21
|
+
quickSelectLabel?: string;
|
|
9
22
|
}
|
|
10
23
|
export declare const PresetButtons: React.FC<PresetButtonsProps>;
|
|
11
24
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PresetButtons.d.ts","sourceRoot":"","sources":["../../../src/components/LLLDatePicker/PresetButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,UAAU,kBAAkB;IACxB,cAAc,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,IAAI,GAAG,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"PresetButtons.d.ts","sourceRoot":"","sources":["../../../src/components/LLLDatePicker/PresetButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAa1B,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpC,UAAU,kBAAkB;IACxB,cAAc,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IAC3C,SAAS,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,IAAI,GAAG,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE;QACL,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;QAClC,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAID,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2EtD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LLLDatePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AASnD,OAAO,EAAE,kBAAkB,EAAa,MAAM,SAAS,CAAC;AAExD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/LLLDatePicker/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AASnD,OAAO,EAAE,kBAAkB,EAAa,MAAM,SAAS,CAAC;AAExD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2GtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -15,6 +15,25 @@ export interface LLLDatePickerProps {
|
|
|
15
15
|
disabled?: boolean;
|
|
16
16
|
/** Placeholder text for the button */
|
|
17
17
|
placeholder?: string;
|
|
18
|
+
/** Label for the quick select */
|
|
19
|
+
quickSelectLabel?: string;
|
|
20
|
+
/** Label for the date inputs */
|
|
21
|
+
labelInputs?: {
|
|
22
|
+
startLabel?: string;
|
|
23
|
+
endLabel?: string;
|
|
24
|
+
};
|
|
25
|
+
/** Label for the date presets */
|
|
26
|
+
labels?: {
|
|
27
|
+
today?: string;
|
|
28
|
+
yesterday?: string;
|
|
29
|
+
lastWeek?: string;
|
|
30
|
+
thisWeek?: string;
|
|
31
|
+
lastMonth?: string;
|
|
32
|
+
thisMonth?: string;
|
|
33
|
+
lastYear?: string;
|
|
34
|
+
thisYear?: string;
|
|
35
|
+
clear?: string;
|
|
36
|
+
};
|
|
18
37
|
}
|
|
19
38
|
export type DatePreset = 'today' | 'yesterday' | 'lastWeek' | 'thisWeek' | 'lastMonth' | 'thisMonth' | 'lastYear' | 'thisYear';
|
|
20
39
|
export interface DateRange {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/LLLDatePicker/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IAC/B,yBAAyB;IACzB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,uBAAuB;IACvB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,iCAAiC;IACjC,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACtE,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+CAA+C;IAC/C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/LLLDatePicker/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,kBAAkB;IAC/B,yBAAyB;IACzB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,uBAAuB;IACvB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,iCAAiC;IACjC,YAAY,CAAC,EAAE,CAAC,SAAS,EAAE,IAAI,GAAG,IAAI,EAAE,OAAO,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACtE,gDAAgD;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+CAA+C;IAC/C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,iCAAiC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,gCAAgC;IAChC,WAAW,CAAC,EAAE;QACV,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IAEF,iCAAiC;IACjC,MAAM,CAAC,EAAE;QACL,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACL;AAED,MAAM,MAAM,UAAU,GAChB,OAAO,GACP,WAAW,GACX,UAAU,GACV,UAAU,GACV,WAAW,GACX,WAAW,GACX,UAAU,GACV,UAAU,CAAC;AAEjB,MAAM,WAAW,SAAS;IACtB,SAAS,EAAE,IAAI,GAAG,IAAI,CAAC;IACvB,OAAO,EAAE,IAAI,GAAG,IAAI,CAAC;CACxB"}
|