@innoways/drip-form-theme-antd 9.0.8 → 9.0.10

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # Change Log
 
+## 9.0.10
+
+### Patch Changes
+
+- feat: add id prop support to StyledFlatPicker for better form labelling 9.1.0
+- Updated dependencies
+  - @innoways/hooks@9.0.10
+  - @innoways/utils@9.0.10
+
+## 9.0.9
+
+### Patch Changes
+
+- feat: add id prop support to StyledFlatPicker for better form labelling 9.0.9
+- Updated dependencies
+  - @innoways/hooks@9.0.9
+  - @innoways/utils@9.0.9
+
 ## 9.0.8
 
 ### Patch Changes

package/dist/index.js

@@ -21893,6 +21893,7 @@ var TimePickerField = function TimePickerField(_ref) {
     onChange: _onChange,
     style: style,
     locale: locale,
+    format: format,
     use12Hours: use12Hours,
     placeholder: restProps.placeholder || 'Please select a time'
   }, restProps));
@@ -21909,6 +21910,7 @@ var StyledFlatPicker = function StyledFlatPicker(props) {
       _onChange = props.onChange,
       options = props.options,
       className = props.className,
+      id = props.id,
       themeColor = props.themeColor,
       disabled = props.disabled,
       style = props.style,
@@ -22142,7 +22144,12 @@ var StyledFlatPicker = function StyledFlatPicker(props) {
 
   var flatpickrOptions = _objectSpread$5(_objectSpread$5({}, options), {}, {
     onReady: function onReady(selectedDates, dateStr, instance) {
-      if (!(instance !== null && instance !== void 0 && instance.calendarContainer)) return;
+      if (!(instance !== null && instance !== void 0 && instance.calendarContainer)) return; // Forward id to the visible altInput so form labelling works correctly
+
+      if (id && instance.altInput) {
+        instance.altInput.name = id;
+      }
+
       var yearInput = instance.calendarContainer.querySelector('.cur-year');
       var numInputWrapper = instance.calendarContainer.querySelector('.numInputWrapper');
       var monthsDropdown = instance.calendarContainer.querySelector('.flatpickr-monthDropdown-months'); // Add id to month dropdown
@@ -22197,6 +22204,7 @@ var StyledFlatPicker = function StyledFlatPicker(props) {
     },
     options: flatpickrOptions,
     disabled: disabled,
+    id: id ? "".concat(id, "-hidden") : undefined,
     className: "".concat(className ? className : '', " form-control flat-date-picker")
   }), allowClear && showClear && /*#__PURE__*/React.createElement(X, {
     type: "button",
@@ -22219,6 +22227,7 @@ StyledFlatPicker.propTypes = {
   value: _pt.any,
   onChange: _pt.func.isRequired,
   className: _pt.string,
+  id: _pt.string,
   themeColor: _pt.string,
   disabled: _pt.bool,
   allowClear: _pt.bool
@@ -22560,7 +22569,7 @@ var DatePickerField = function DatePickerField(_ref) {
     return moment(item).format(format);
   }).join(' ~ ') : moment(fieldData).format(format) : null;
   return /*#__PURE__*/React.createElement(React.Fragment, null, range ? /*#__PURE__*/React.createElement(StyledFlatPicker, {
-    id: "range-picker",
+    id: "".concat(fieldKey, "-range-picker"),
     className: "form-control border-0",
     value: fieldData ? [fieldData[0], fieldData[1]] : [],
     onChange: function onChange(date, isCleared) {
@@ -22587,7 +22596,7 @@ var DatePickerField = function DatePickerField(_ref) {
         _onChange(moment(date[0]).format(format));
       }
     },
-    id: "default-picker",
+    id: "".concat(fieldKey, "-default-picker"),
     themeColor: themeColor,
     style: style,
     allowClear: allowClear,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@innoways/drip-form-theme-antd",
-	"version": "9.0.8",
+	"version": "9.0.10",
 	"author": "JDFED",
 	"description": "drip-form antd主题包",
 	"main": "dist/index.js",
@@ -31,10 +31,10 @@
 	"dependencies": {
 		"@ant-design/icons": "^4.7.0",
 		"@babel/runtime": "^7.10.2",
-		"@innoways/hooks": "^9.0.8",
-		"@innoways/utils": "^9.0.8",
+		"@innoways/hooks": "^9.0.10",
+		"@innoways/utils": "^9.0.10",
 		"antd": "^4.16.13",
-		"flatpickr": "^4.6.13",
+		"flatpickr": "4.6.3",
 		"moment": "^2.26.0",
 		"react-color": "^2.18.1",
 		"react-flatpickr": "^3.10.13",