@synerise/ds-date-picker 0.9.10 → 0.10.0

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.
Files changed (5) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/README.md +18 -17
  3. package/dist/DatePicker.js +3 -2
  4. package/dist/DatePicker.types.d.ts +1 -0
  5. package/package.json +5 -5
package/CHANGELOG.md CHANGED
@@ -3,6 +3,26 @@
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
+ # [0.10.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-picker@0.9.11...@synerise/ds-date-picker@0.10.0) (2023-05-25)
7
+
8
+
9
+ ### Features
10
+
11
+ * **date-picker:** add prop to pass custom trigger element ([a3a64dc](https://github.com/Synerise/synerise-design/commit/a3a64dcd318fc753d5cfc322b8b634dd3abeb96f))
12
+ * **date-picker:** change triggerElement prop into renderTrigger prop ([0ff7d6f](https://github.com/Synerise/synerise-design/commit/0ff7d6f18c669fe7c1329dbda723f29c6f02813c))
13
+
14
+
15
+
16
+
17
+
18
+ ## [0.9.11](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-picker@0.9.10...@synerise/ds-date-picker@0.9.11) (2023-05-23)
19
+
20
+ **Note:** Version bump only for package @synerise/ds-date-picker
21
+
22
+
23
+
24
+
25
+
6
26
  ## [0.9.10](https://github.com/Synerise/synerise-design/compare/@synerise/ds-date-picker@0.9.9...@synerise/ds-date-picker@0.9.10) (2023-05-20)
7
27
 
8
28
 
package/README.md CHANGED
@@ -28,23 +28,24 @@ import DatePicker from '@synerise/ds-date-picker'
28
28
 
29
29
  ## API
30
30
 
31
- | Property | Description | Type | Default |
32
- | --------------- | ----------------------------------------------------------- | -------------------- | ---------- |
33
- | autoFocus | Boolean value to force focus of an input | boolean | `false` |
34
- | showTime | Boolean value to enable user to choose particular hour | boolean | `false` |
35
- | value | Value of the picker | Date | new Date() |
36
- | onApply | Callback executed after applying changes | (date:Date)=>void | - |
37
- | disabled | Boolean value to set disabled state of an input | boolean | `false` |
38
- | disabledDates | Function to specify if particular dates are disabled or not | (date:Date)=>boolean | - |
39
- | disabledHours | Disabled hours for time picker | number[] | [] |
40
- | disabledMinutes | Disabled minutes for time picker | number[] | [] |
41
- | disabledSeconds | Disabled seconds for time picker | number[] | [] |
42
- | useStartOfDay | Boolean value to set hours to the start of the day | boolean | `false` |
43
- | useEndOfDay | Boolean value to set hours to the start of the day | boolean | `false` |
44
- | texts | Object containing texts | object | {} |
45
- | prefixel | String or ReactNode to set prefix | string / ReactNode | - |
46
- | suffixel | String or ReactNode to set suffix | string / ReactNode | - |
47
- | hideNow | Hide now button | boolean / undefined | - |
31
+ | Property | Description | Type | Default |
32
+ | --------------- | ----------------------------------------------------------- | ----------------------------- | ---------- |
33
+ | autoFocus | Boolean value to force focus of an input | boolean | `false` |
34
+ | showTime | Boolean value to enable user to choose particular hour | boolean | `false` |
35
+ | value | Value of the picker | Date | new Date() |
36
+ | onApply | Callback executed after applying changes | (date:Date)=>void | - |
37
+ | disabled | Boolean value to set disabled state of an input | boolean | `false` |
38
+ | disabledDates | Function to specify if particular dates are disabled or not | (date:Date)=>boolean | - |
39
+ | disabledHours | Disabled hours for time picker | number[] | [] |
40
+ | disabledMinutes | Disabled minutes for time picker | number[] | [] |
41
+ | disabledSeconds | Disabled seconds for time picker | number[] | [] |
42
+ | useStartOfDay | Boolean value to set hours to the start of the day | boolean | `false` |
43
+ | useEndOfDay | Boolean value to set hours to the start of the day | boolean | `false` |
44
+ | texts | Object containing texts | object | {} |
45
+ | prefixel | String or ReactNode to set prefix | string / ReactNode | - |
46
+ | suffixel | String or ReactNode to set suffix | string / ReactNode | - |
47
+ | hideNow | Hide now button | boolean / undefined | - |
48
+ | renderTrigger | Function for rendering a custom trigger element | ()=>ReactElement / undefined | - |
48
49
 
49
50
  ### Texts
50
51
 
package/dist/DatePicker.js CHANGED
@@ -1,4 +1,4 @@
1
- var _excluded = ["autoFocus", "disabled", "texts", "format", "valueFormatOptions", "value", "onApply", "showTime", "onValueChange", "onClear", "errorText", "popoverPlacement", "prefixel", "error", "onDropdownVisibleChange", "dropdownProps", "suffixel", "hideNow", "readOnly"];
1
+ var _excluded = ["autoFocus", "disabled", "texts", "format", "valueFormatOptions", "value", "onApply", "showTime", "onValueChange", "onClear", "errorText", "popoverPlacement", "prefixel", "error", "onDropdownVisibleChange", "dropdownProps", "suffixel", "hideNow", "readOnly", "renderTrigger"];
2
2
 
3
3
  function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
4
4
 
@@ -31,6 +31,7 @@ var DatePicker = function DatePicker(_ref) {
31
31
  suffixel = _ref.suffixel,
32
32
  hideNow = _ref.hideNow,
33
33
  readOnly = _ref.readOnly,
34
+ renderTrigger = _ref.renderTrigger,
34
35
  rest = _objectWithoutPropertiesLoose(_ref, _excluded);
35
36
 
36
37
  var _React$useState = React.useState(autoFocus || false),
@@ -62,7 +63,7 @@ var DatePicker = function DatePicker(_ref) {
62
63
  setSelectedDate(undefined);
63
64
  onClear && onClear();
64
65
  }, [onClear]);
65
- var trigger = /*#__PURE__*/React.createElement(PickerInput, {
66
+ var trigger = (renderTrigger == null ? void 0 : renderTrigger()) || /*#__PURE__*/React.createElement(PickerInput, {
66
67
  disabled: disabled,
67
68
  autoFocus: !disabled && autoFocus,
68
69
  value: selectedDate,
package/dist/DatePicker.types.d.ts CHANGED
@@ -27,6 +27,7 @@ export declare type Props = {
27
27
  suffixel?: React.ReactNode | string;
28
28
  showTime?: boolean;
29
29
  texts: Texts;
30
+ renderTrigger?: () => React.ReactElement;
30
31
  value?: Date;
31
32
  useStartOfDay?: boolean;
32
33
  useEndOfDay?: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-date-picker",
3
- "version": "0.9.10",
3
+ "version": "0.10.0",
4
4
  "description": "DatePicker UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -33,11 +33,11 @@
33
33
  "types": "dist/index.d.ts",
34
34
  "dependencies": {
35
35
  "@date-fns/upgrade": "^1.0.3",
36
- "@synerise/ds-button": "^0.17.15",
36
+ "@synerise/ds-button": "^0.17.16",
37
37
  "@synerise/ds-core": "^0.39.8",
38
38
  "@synerise/ds-icon": "^0.56.0",
39
- "@synerise/ds-time-picker": "^0.7.8",
40
- "@synerise/ds-tooltip": "^0.13.3",
39
+ "@synerise/ds-time-picker": "^0.7.9",
40
+ "@synerise/ds-tooltip": "^0.13.4",
41
41
  "classnames": "^2.2.6",
42
42
  "date-fns": "2.16.1",
43
43
  "lodash": "^4.17.20",
@@ -48,5 +48,5 @@
48
48
  "@synerise/ds-core": "*",
49
49
  "react": ">=16.9.0 < 17.0.0"
50
50
  },
51
- "gitHead": "5808615a55859820c255189f77977725ec79cd7d"
51
+ "gitHead": "6de508bd1e3f2c816ffdf413d7eadb762fb20890"
52
52
  }