@synerise/ds-date-range-picker 1.6.10 → 1.6.11
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/CHANGELOG.md +4 -0
- package/README.md +12 -6
- package/package.json +24 -24
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,10 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [1.6.11](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@1.6.10...@synerise/ds-date-range-picker@1.6.11) (2026-03-20)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @synerise/ds-date-range-picker
|
|
9
|
+
|
|
6
10
|
## [1.6.10](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-range-picker@1.6.9...@synerise/ds-date-range-picker@1.6.10) (2026-03-09)
|
|
7
11
|
|
|
8
12
|
### Bug Fixes
|
package/README.md
CHANGED
|
@@ -11,6 +11,8 @@ DateRangePicker UI Component
|
|
|
11
11
|
npm i @synerise/ds-date-range-picker
|
|
12
12
|
or
|
|
13
13
|
yarn add @synerise/ds-date-range-picker
|
|
14
|
+
or
|
|
15
|
+
pnpm add @synerise/ds-date-range-picker
|
|
14
16
|
```
|
|
15
17
|
|
|
16
18
|
## Usage
|
|
@@ -47,9 +49,9 @@ const value = {
|
|
|
47
49
|
| disabledDefaultTexts | Disables the default texts translations provided by `react-intl` | boolean | `false` |
|
|
48
50
|
| forceAbsolute | Force the outcome to be converted to an absolute date | boolean | `false` |
|
|
49
51
|
| format | Format of the value displayed in the footer | string | "MMM D, YYYY" |
|
|
50
|
-
| onApply | Callback executed after applying changes | (
|
|
51
|
-
| ranges | An array containing custom ranges which may be used as a short-hand |
|
|
52
|
-
| popoverProps | Object representing props applied to the
|
|
52
|
+
| onApply | Callback executed after applying changes | (value: Partial<DateFilter> \| undefined) => void | - |
|
|
53
|
+
| ranges | An array containing custom ranges which may be used as a short-hand | DateRangePreset[] | [] |
|
|
54
|
+
| popoverProps | Object representing props applied to the ds-popover component | Partial<PopoverProps> | {} |
|
|
53
55
|
| rangeUnits | Units available in relative range picker | RelativeUnits[] | ['SECONDS','MINUTES','HOURS','DAYS','WEEKS','MONTHS','YEARS'] |
|
|
54
56
|
| readOnly | Makes picker readonly | boolean | `false` |
|
|
55
57
|
| disabled | Makes picker disabled | boolean | `false` |
|
|
@@ -59,10 +61,13 @@ const value = {
|
|
|
59
61
|
| showNowButton | Include "now" button to select current time (last minue) | boolean | `true` |
|
|
60
62
|
| showFilter | Enable range filtering | boolean | `false` |
|
|
61
63
|
| showCustomRange | Enable custom range form in relative range picker | boolean | `true` |
|
|
62
|
-
| validate | Function to specify if particular date ranges are correct | (
|
|
64
|
+
| validate | Function to specify if particular date ranges are correct | (value: DateRange) => { valid: boolean; message?: string } | - |
|
|
63
65
|
| value | Value of the picker | DateRange | |
|
|
64
66
|
| defaultValue | Default value of the picker (when value is undefined and when user clears input) | DateRange | |
|
|
65
|
-
|
|
|
67
|
+
| showRelativePicker | Show collapsible relative range picker addon | boolean | `false` |
|
|
68
|
+
| relativeModes | Explicitly set available relative modes | RelativeMode[] | - |
|
|
69
|
+
| valueFormatOptions | Format options for the displayed value | DateToFormatOptions | - |
|
|
70
|
+
| onValueChange | Callback executed on every value change (before Apply) | (value: Partial<DateFilter> \| undefined) => void | - |
|
|
66
71
|
| onVisibleChange | Callback executed when popover with dateRangePicker changes its visibility | (visible: boolean) => void | - |
|
|
67
72
|
| filterValueSelectionModes | Allowed modes to display in filter | DateLimitMode[] | ["Range", "Hour"] |
|
|
68
73
|
| getPopupContainer | Function used to set the container of the date range picker. | Function(triggerNode) | `() => document.body` |
|
|
@@ -149,7 +154,7 @@ const value = {
|
|
|
149
154
|
| selectDateFilter | ReactNode | -------- |
|
|
150
155
|
| datesFilter | ReactNode | -------- |
|
|
151
156
|
| cancel | ReactNode | -------- |
|
|
152
|
-
| everyDay |
|
|
157
|
+
| everyDay | string | -------- |
|
|
153
158
|
| nthDayOfMonth | ReactNode | -------- |
|
|
154
159
|
| daysOf | ReactNode | -------- |
|
|
155
160
|
| countedFrom | ReactNode | -------- |
|
|
@@ -171,6 +176,7 @@ const value = {
|
|
|
171
176
|
| beginning | ReactNode | -------- |
|
|
172
177
|
| ending | ReactNode | -------- |
|
|
173
178
|
| maximumRanges | ReactNode | -------- |
|
|
179
|
+
| clickToSelect | ReactNode | -------- |
|
|
174
180
|
|
|
175
181
|
### Undocumented props
|
|
176
182
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@synerise/ds-date-range-picker",
|
|
3
|
-
"version": "1.6.
|
|
3
|
+
"version": "1.6.11",
|
|
4
4
|
"description": "Date-Range-Picker UI Component for the Synerise Design System",
|
|
5
5
|
"license": "ISC",
|
|
6
6
|
"repository": "Synerise/synerise-design",
|
|
@@ -23,8 +23,8 @@
|
|
|
23
23
|
"defs": "tsc --declaration --outDir dist/ --emitDeclarationOnly",
|
|
24
24
|
"pack:ci": "pnpm pack --pack-destination ../../storybook/storybook-static/static",
|
|
25
25
|
"prepublish": "pnpm run build",
|
|
26
|
-
"test": "vitest",
|
|
27
|
-
"test:watch": "
|
|
26
|
+
"test": "vitest run",
|
|
27
|
+
"test:watch": "vitest",
|
|
28
28
|
"types": "tsc --noEmit",
|
|
29
29
|
"check:circular-dependencies": "node -e 'const pkg = require(\"./package.json\").name; console.log(\"\\x1b[31m%s\\x1b[0m\", `[WARN] skipping circular dependencies in ${pkg}`)'",
|
|
30
30
|
"upgrade:ds": "ncu -f \"@synerise/ds-*\" -u"
|
|
@@ -36,26 +36,26 @@
|
|
|
36
36
|
"types": "dist/index.d.ts",
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@date-fns/upgrade": "^1.0.3",
|
|
39
|
-
"@synerise/ds-badge": "^1.0.
|
|
40
|
-
"@synerise/ds-button": "^1.5.
|
|
41
|
-
"@synerise/ds-button-group": "^1.1.
|
|
42
|
-
"@synerise/ds-date-picker": "^1.4.
|
|
43
|
-
"@synerise/ds-dropdown": "^1.3.
|
|
44
|
-
"@synerise/ds-form-field": "^1.3.
|
|
45
|
-
"@synerise/ds-icon": "^1.
|
|
46
|
-
"@synerise/ds-inline-edit": "^1.1.
|
|
47
|
-
"@synerise/ds-input": "^1.6.
|
|
48
|
-
"@synerise/ds-input-number": "^1.2.
|
|
49
|
-
"@synerise/ds-list-item": "^1.4.
|
|
50
|
-
"@synerise/ds-manageable-list": "^1.7.
|
|
51
|
-
"@synerise/ds-popover": "^1.5.
|
|
52
|
-
"@synerise/ds-scrollbar": "^1.2.
|
|
53
|
-
"@synerise/ds-select": "^1.3.
|
|
54
|
-
"@synerise/ds-slider": "^1.1.
|
|
55
|
-
"@synerise/ds-tag": "^1.4.
|
|
56
|
-
"@synerise/ds-time-picker": "^1.2.
|
|
57
|
-
"@synerise/ds-tooltip": "^1.4.
|
|
58
|
-
"@synerise/ds-utils": "^1.
|
|
39
|
+
"@synerise/ds-badge": "^1.0.43",
|
|
40
|
+
"@synerise/ds-button": "^1.5.17",
|
|
41
|
+
"@synerise/ds-button-group": "^1.1.42",
|
|
42
|
+
"@synerise/ds-date-picker": "^1.4.1",
|
|
43
|
+
"@synerise/ds-dropdown": "^1.3.1",
|
|
44
|
+
"@synerise/ds-form-field": "^1.3.9",
|
|
45
|
+
"@synerise/ds-icon": "^1.15.0",
|
|
46
|
+
"@synerise/ds-inline-edit": "^1.1.23",
|
|
47
|
+
"@synerise/ds-input": "^1.6.9",
|
|
48
|
+
"@synerise/ds-input-number": "^1.2.34",
|
|
49
|
+
"@synerise/ds-list-item": "^1.4.9",
|
|
50
|
+
"@synerise/ds-manageable-list": "^1.7.11",
|
|
51
|
+
"@synerise/ds-popover": "^1.5.2",
|
|
52
|
+
"@synerise/ds-scrollbar": "^1.2.16",
|
|
53
|
+
"@synerise/ds-select": "^1.3.19",
|
|
54
|
+
"@synerise/ds-slider": "^1.1.12",
|
|
55
|
+
"@synerise/ds-tag": "^1.4.17",
|
|
56
|
+
"@synerise/ds-time-picker": "^1.2.23",
|
|
57
|
+
"@synerise/ds-tooltip": "^1.4.9",
|
|
58
|
+
"@synerise/ds-utils": "^1.7.0",
|
|
59
59
|
"date-fns": "^2.16.1",
|
|
60
60
|
"date-fns-tz": "1.1.4",
|
|
61
61
|
"dayjs": "^1.8.35",
|
|
@@ -95,5 +95,5 @@
|
|
|
95
95
|
"react-intl": ">=3.12.0 <= 6.8",
|
|
96
96
|
"styled-components": "^5.3.3"
|
|
97
97
|
},
|
|
98
|
-
"gitHead": "
|
|
98
|
+
"gitHead": "8efc031fa688c0b87c7b3915bae93546bb63bcac"
|
|
99
99
|
}
|