@planningcenter/tapestry-react 2.8.2 → 2.9.0-rc.1

package/dist/cjs/TimeField/TimeField.js

@@ -87,9 +87,15 @@ var TimeField = /*#__PURE__*/function (_Component) {
       }, _this.updateTime);
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleHoursChange", function (hours) {
-      _this.updateTime({
-        hours: hours
-      });
+      if (_this.twelveHourClock && hours === 0) {
+        _this.updateTime({
+          hours: 12
+        });
+      } else {
+        _this.updateTime({
+          hours: hours
+        });
+      }
     });
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleHoursKeyDown", function (event) {
       var hour = Number(event.target.value);
@@ -215,7 +221,7 @@ var TimeField = /*#__PURE__*/function (_Component) {
       fontVariantNumeric: "tabular-nums",
       moveFocusOnMax: true,
       value: twelveHourClock ? hours % _utils2.HOURS_TO_NOON || _utils2.HOURS_TO_NOON : hours,
-      min: twelveHourClock ? 1 : 0,
+      min: 0,
       max: twelveHourClock ? _utils2.HOURS_TO_NOON : _utils2.HOURS_IN_DAY - 1,
       pad: 2,
       grow: 0,

package/dist/esm/TimeField/TimeField.js

@@ -78,9 +78,15 @@ var TimeField = /*#__PURE__*/function (_Component) {
     });
 
     _defineProperty(_assertThisInitialized(_this), "handleHoursChange", function (hours) {
-      _this.updateTime({
-        hours: hours
-      });
+      if (_this.twelveHourClock && hours === 0) {
+        _this.updateTime({
+          hours: 12
+        });
+      } else {
+        _this.updateTime({
+          hours: hours
+        });
+      }
     });
 
     _defineProperty(_assertThisInitialized(_this), "handleHoursKeyDown", function (event) {
@@ -213,7 +219,7 @@ var TimeField = /*#__PURE__*/function (_Component) {
       fontVariantNumeric: "tabular-nums",
       moveFocusOnMax: true,
       value: twelveHourClock ? hours % HOURS_TO_NOON || HOURS_TO_NOON : hours,
-      min: twelveHourClock ? 1 : 0,
+      min: 0,
       max: twelveHourClock ? HOURS_TO_NOON : HOURS_IN_DAY - 1,
       pad: 2,
       grow: 0,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@planningcenter/tapestry-react",
-  "version": "2.8.2",
+  "version": "2.9.0-rc.1",
   "description": "A collection of flexible React components to help you build resilient, accessible user interfaces quickly and effectively.",
   "author": "Front End Systems Engineering <frontend@pco.bz>",
   "main": "dist/cjs/index.js",
@@ -88,7 +88,7 @@
   },
   "dependencies": {
     "@planningcenter/icons": "^14.18.1",
-    "@planningcenter/react-beautiful-dnd": "^13.3.0",
+    "@planningcenter/react-beautiful-dnd": "^13.3.1-rc.1",
     "@popmotion/popcorn": "^0.4.4",
     "@popperjs/core": "^2.11.6",
     "@react-hook/window-size": "^3.1.1",

package/src/TimeField/TimeField.js

@@ -118,7 +118,11 @@ class TimeField extends Component<Props> {
   }
 
   handleHoursChange = (hours) => {
-    this.updateTime({ hours })
+    if (this.twelveHourClock && hours === 0) {
+      this.updateTime({ hours: 12 })
+    } else {
+      this.updateTime({ hours })
+    }
   }
 
   handleHoursKeyDown = (event) => {
@@ -228,7 +232,7 @@ class TimeField extends Component<Props> {
           value={
             twelveHourClock ? hours % HOURS_TO_NOON || HOURS_TO_NOON : hours
           }
-          min={twelveHourClock ? 1 : 0}
+          min={0}
           max={twelveHourClock ? HOURS_TO_NOON : HOURS_IN_DAY - 1}
           pad={2}
           grow={0}