pebble-web 2.4.2 → 2.6.0

package/dist/pebble-web.es.dev.js

@@ -1215,24 +1215,30 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__$7() { return "You have tried to string
 const dateClass = /*#__PURE__*/css( {
   name: "kwq08p-Date-styles-dateClass",
   styles: "padding:20px;width:100%;;label:Date-styles-dateClass;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGUuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUV5QiIsImZpbGUiOiJEYXRlLnN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyBpbnB1dE1hcmdpbkJvdHRvbSB9IGZyb20gXCIuL0lucHV0LnN0eWxlc1wiO1xuZXhwb3J0IGNvbnN0IGRhdGVDbGFzcyA9IGNzcyh7XG4gICAgcGFkZGluZzogMjAsXG4gICAgd2lkdGg6IFwiMTAwJVwiXG59KTtcbmV4cG9ydCBjb25zdCBkcm9wRG93bkNsYXNzTmFtZSA9IGNzcyh7XG4gICAgbWFyZ2luVG9wOiAtaW5wdXRNYXJnaW5Cb3R0b21cbn0pO1xuZXhwb3J0IGNvbnN0IGlucHV0U3R5bGUgPSBjc3Moe1xuICAgIG1hcmdpbkJvdHRvbTogMFxufSk7XG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlID0gY3NzKHtcbiAgICBtYXJnaW5Cb3R0b206IDIwXG59KTtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPURhdGUuc3R5bGVzLmpzLm1hcCJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGUuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl5QiIsImZpbGUiOiJEYXRlLnN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwicGViYmxlLXNoYXJlZFwiO1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gXCIuLi8uLi90aGVtZVwiO1xuaW1wb3J0IHsgaW5wdXRNYXJnaW5Cb3R0b20gfSBmcm9tIFwiLi9JbnB1dC5zdHlsZXNcIjtcbmV4cG9ydCBjb25zdCBkYXRlQ2xhc3MgPSBjc3Moe1xuICAgIHBhZGRpbmc6IDIwLFxuICAgIHdpZHRoOiBcIjEwMCVcIlxufSk7XG5leHBvcnQgY29uc3QgZHJvcERvd25DbGFzc05hbWUgPSBjc3Moe1xuICAgIG1hcmdpblRvcDogLWlucHV0TWFyZ2luQm90dG9tXG59KTtcbmV4cG9ydCBjb25zdCBpbnB1dFN0eWxlID0gY3NzKHtcbiAgICBtYXJnaW5Cb3R0b206IDBcbn0pO1xuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9IGNzcyh7XG4gICAgbWFyZ2luQm90dG9tOiAyMFxufSk7XG5leHBvcnQgY29uc3QgZXJyb3JTdHlsZSA9IGNzcyh7XG4gICAgLi4udHlwb2dyYXBoeS5zLmJvbGQsXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMucmVkLmxpZ2h0ZXN0LFxuICAgIGNvbG9yOiBjb2xvcnMucmVkLmRhcmtlcixcbiAgICB0ZXh0QWxpZ246IFwibGVmdFwiLFxuICAgIHBhZGRpbmc6IFwiMTFweCAzMHB4XCIsXG59KTtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPURhdGUuc3R5bGVzLmpzLm1hcCJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$7
 });
 const dropDownClassName = /*#__PURE__*/css({
   marginTop: -inputMarginBottom
-}, ";label:Date-styles-dropDownClassName;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGUuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1pQyIsImZpbGUiOiJEYXRlLnN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyBpbnB1dE1hcmdpbkJvdHRvbSB9IGZyb20gXCIuL0lucHV0LnN0eWxlc1wiO1xuZXhwb3J0IGNvbnN0IGRhdGVDbGFzcyA9IGNzcyh7XG4gICAgcGFkZGluZzogMjAsXG4gICAgd2lkdGg6IFwiMTAwJVwiXG59KTtcbmV4cG9ydCBjb25zdCBkcm9wRG93bkNsYXNzTmFtZSA9IGNzcyh7XG4gICAgbWFyZ2luVG9wOiAtaW5wdXRNYXJnaW5Cb3R0b21cbn0pO1xuZXhwb3J0IGNvbnN0IGlucHV0U3R5bGUgPSBjc3Moe1xuICAgIG1hcmdpbkJvdHRvbTogMFxufSk7XG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlID0gY3NzKHtcbiAgICBtYXJnaW5Cb3R0b206IDIwXG59KTtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPURhdGUuc3R5bGVzLmpzLm1hcCJdfQ== */"));
+}, ";label:Date-styles-dropDownClassName;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGUuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFpQyIsImZpbGUiOiJEYXRlLnN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwicGViYmxlLXNoYXJlZFwiO1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gXCIuLi8uLi90aGVtZVwiO1xuaW1wb3J0IHsgaW5wdXRNYXJnaW5Cb3R0b20gfSBmcm9tIFwiLi9JbnB1dC5zdHlsZXNcIjtcbmV4cG9ydCBjb25zdCBkYXRlQ2xhc3MgPSBjc3Moe1xuICAgIHBhZGRpbmc6IDIwLFxuICAgIHdpZHRoOiBcIjEwMCVcIlxufSk7XG5leHBvcnQgY29uc3QgZHJvcERvd25DbGFzc05hbWUgPSBjc3Moe1xuICAgIG1hcmdpblRvcDogLWlucHV0TWFyZ2luQm90dG9tXG59KTtcbmV4cG9ydCBjb25zdCBpbnB1dFN0eWxlID0gY3NzKHtcbiAgICBtYXJnaW5Cb3R0b206IDBcbn0pO1xuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9IGNzcyh7XG4gICAgbWFyZ2luQm90dG9tOiAyMFxufSk7XG5leHBvcnQgY29uc3QgZXJyb3JTdHlsZSA9IGNzcyh7XG4gICAgLi4udHlwb2dyYXBoeS5zLmJvbGQsXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMucmVkLmxpZ2h0ZXN0LFxuICAgIGNvbG9yOiBjb2xvcnMucmVkLmRhcmtlcixcbiAgICB0ZXh0QWxpZ246IFwibGVmdFwiLFxuICAgIHBhZGRpbmc6IFwiMTFweCAzMHB4XCIsXG59KTtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPURhdGUuc3R5bGVzLmpzLm1hcCJdfQ== */"));
 const inputStyle$1 = /*#__PURE__*/css( {
   name: "y02h94-Date-styles-inputStyle",
   styles: "margin-bottom:0;;label:Date-styles-inputStyle;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGUuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVMwQiIsImZpbGUiOiJEYXRlLnN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyBpbnB1dE1hcmdpbkJvdHRvbSB9IGZyb20gXCIuL0lucHV0LnN0eWxlc1wiO1xuZXhwb3J0IGNvbnN0IGRhdGVDbGFzcyA9IGNzcyh7XG4gICAgcGFkZGluZzogMjAsXG4gICAgd2lkdGg6IFwiMTAwJVwiXG59KTtcbmV4cG9ydCBjb25zdCBkcm9wRG93bkNsYXNzTmFtZSA9IGNzcyh7XG4gICAgbWFyZ2luVG9wOiAtaW5wdXRNYXJnaW5Cb3R0b21cbn0pO1xuZXhwb3J0IGNvbnN0IGlucHV0U3R5bGUgPSBjc3Moe1xuICAgIG1hcmdpbkJvdHRvbTogMFxufSk7XG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlID0gY3NzKHtcbiAgICBtYXJnaW5Cb3R0b206IDIwXG59KTtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPURhdGUuc3R5bGVzLmpzLm1hcCJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGUuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVcwQiIsImZpbGUiOiJEYXRlLnN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwicGViYmxlLXNoYXJlZFwiO1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gXCIuLi8uLi90aGVtZVwiO1xuaW1wb3J0IHsgaW5wdXRNYXJnaW5Cb3R0b20gfSBmcm9tIFwiLi9JbnB1dC5zdHlsZXNcIjtcbmV4cG9ydCBjb25zdCBkYXRlQ2xhc3MgPSBjc3Moe1xuICAgIHBhZGRpbmc6IDIwLFxuICAgIHdpZHRoOiBcIjEwMCVcIlxufSk7XG5leHBvcnQgY29uc3QgZHJvcERvd25DbGFzc05hbWUgPSBjc3Moe1xuICAgIG1hcmdpblRvcDogLWlucHV0TWFyZ2luQm90dG9tXG59KTtcbmV4cG9ydCBjb25zdCBpbnB1dFN0eWxlID0gY3NzKHtcbiAgICBtYXJnaW5Cb3R0b206IDBcbn0pO1xuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9IGNzcyh7XG4gICAgbWFyZ2luQm90dG9tOiAyMFxufSk7XG5leHBvcnQgY29uc3QgZXJyb3JTdHlsZSA9IGNzcyh7XG4gICAgLi4udHlwb2dyYXBoeS5zLmJvbGQsXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMucmVkLmxpZ2h0ZXN0LFxuICAgIGNvbG9yOiBjb2xvcnMucmVkLmRhcmtlcixcbiAgICB0ZXh0QWxpZ246IFwibGVmdFwiLFxuICAgIHBhZGRpbmc6IFwiMTFweCAzMHB4XCIsXG59KTtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPURhdGUuc3R5bGVzLmpzLm1hcCJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$7
 });
 const wrapperStyle$3 = /*#__PURE__*/css( {
   name: "rv5qd-Date-styles-wrapperStyle",
   styles: "margin-bottom:20px;;label:Date-styles-wrapperStyle;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGUuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVk0QiIsImZpbGUiOiJEYXRlLnN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyBpbnB1dE1hcmdpbkJvdHRvbSB9IGZyb20gXCIuL0lucHV0LnN0eWxlc1wiO1xuZXhwb3J0IGNvbnN0IGRhdGVDbGFzcyA9IGNzcyh7XG4gICAgcGFkZGluZzogMjAsXG4gICAgd2lkdGg6IFwiMTAwJVwiXG59KTtcbmV4cG9ydCBjb25zdCBkcm9wRG93bkNsYXNzTmFtZSA9IGNzcyh7XG4gICAgbWFyZ2luVG9wOiAtaW5wdXRNYXJnaW5Cb3R0b21cbn0pO1xuZXhwb3J0IGNvbnN0IGlucHV0U3R5bGUgPSBjc3Moe1xuICAgIG1hcmdpbkJvdHRvbTogMFxufSk7XG5leHBvcnQgY29uc3Qgd3JhcHBlclN0eWxlID0gY3NzKHtcbiAgICBtYXJnaW5Cb3R0b206IDIwXG59KTtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPURhdGUuc3R5bGVzLmpzLm1hcCJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGUuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWM0QiIsImZpbGUiOiJEYXRlLnN0eWxlcy5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJlbW90aW9uXCI7XG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tIFwicGViYmxlLXNoYXJlZFwiO1xuaW1wb3J0IHsgdHlwb2dyYXBoeSB9IGZyb20gXCIuLi8uLi90aGVtZVwiO1xuaW1wb3J0IHsgaW5wdXRNYXJnaW5Cb3R0b20gfSBmcm9tIFwiLi9JbnB1dC5zdHlsZXNcIjtcbmV4cG9ydCBjb25zdCBkYXRlQ2xhc3MgPSBjc3Moe1xuICAgIHBhZGRpbmc6IDIwLFxuICAgIHdpZHRoOiBcIjEwMCVcIlxufSk7XG5leHBvcnQgY29uc3QgZHJvcERvd25DbGFzc05hbWUgPSBjc3Moe1xuICAgIG1hcmdpblRvcDogLWlucHV0TWFyZ2luQm90dG9tXG59KTtcbmV4cG9ydCBjb25zdCBpbnB1dFN0eWxlID0gY3NzKHtcbiAgICBtYXJnaW5Cb3R0b206IDBcbn0pO1xuZXhwb3J0IGNvbnN0IHdyYXBwZXJTdHlsZSA9IGNzcyh7XG4gICAgbWFyZ2luQm90dG9tOiAyMFxufSk7XG5leHBvcnQgY29uc3QgZXJyb3JTdHlsZSA9IGNzcyh7XG4gICAgLi4udHlwb2dyYXBoeS5zLmJvbGQsXG4gICAgYmFja2dyb3VuZENvbG9yOiBjb2xvcnMucmVkLmxpZ2h0ZXN0LFxuICAgIGNvbG9yOiBjb2xvcnMucmVkLmRhcmtlcixcbiAgICB0ZXh0QWxpZ246IFwibGVmdFwiLFxuICAgIHBhZGRpbmc6IFwiMTFweCAzMHB4XCIsXG59KTtcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPURhdGUuc3R5bGVzLmpzLm1hcCJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$7
 });
+const errorStyle = /*#__PURE__*/css({ ...typography.s.bold,
+  backgroundColor: colors.red.lightest,
+  color: colors.red.darker,
+  textAlign: "left",
+  padding: "11px 30px"
+}, ";label:Date-styles-errorStyle;" + ( "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRhdGUuc3R5bGVzLmpzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCMEIiLCJmaWxlIjoiRGF0ZS5zdHlsZXMuanMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiZW1vdGlvblwiO1xuaW1wb3J0IHsgY29sb3JzIH0gZnJvbSBcInBlYmJsZS1zaGFyZWRcIjtcbmltcG9ydCB7IHR5cG9ncmFwaHkgfSBmcm9tIFwiLi4vLi4vdGhlbWVcIjtcbmltcG9ydCB7IGlucHV0TWFyZ2luQm90dG9tIH0gZnJvbSBcIi4vSW5wdXQuc3R5bGVzXCI7XG5leHBvcnQgY29uc3QgZGF0ZUNsYXNzID0gY3NzKHtcbiAgICBwYWRkaW5nOiAyMCxcbiAgICB3aWR0aDogXCIxMDAlXCJcbn0pO1xuZXhwb3J0IGNvbnN0IGRyb3BEb3duQ2xhc3NOYW1lID0gY3NzKHtcbiAgICBtYXJnaW5Ub3A6IC1pbnB1dE1hcmdpbkJvdHRvbVxufSk7XG5leHBvcnQgY29uc3QgaW5wdXRTdHlsZSA9IGNzcyh7XG4gICAgbWFyZ2luQm90dG9tOiAwXG59KTtcbmV4cG9ydCBjb25zdCB3cmFwcGVyU3R5bGUgPSBjc3Moe1xuICAgIG1hcmdpbkJvdHRvbTogMjBcbn0pO1xuZXhwb3J0IGNvbnN0IGVycm9yU3R5bGUgPSBjc3Moe1xuICAgIC4uLnR5cG9ncmFwaHkucy5ib2xkLFxuICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JzLnJlZC5saWdodGVzdCxcbiAgICBjb2xvcjogY29sb3JzLnJlZC5kYXJrZXIsXG4gICAgdGV4dEFsaWduOiBcImxlZnRcIixcbiAgICBwYWRkaW5nOiBcIjExcHggMzBweFwiLFxufSk7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1EYXRlLnN0eWxlcy5qcy5tYXAiXX0= */"));
 
 function getColor(error, success, isUnderlineColor) {
   let color = colors.gray.dark;
@@ -1452,7 +1458,8 @@ class DateInput extends PureComponent {
       inputProps,
       placeholder,
       value: propsValue,
-      disabled
+      disabled,
+      errorMessage
     } = this.props;
     return /*#__PURE__*/createElement(DropDown, {
       dropDownClassName: dropDownClassName,
@@ -1469,7 +1476,7 @@ class DateInput extends PureComponent {
         onChange: noop,
         type: "tel",
         value: value,
-        placeholder: `${placeholder} DD/MM/YYYY`,
+        placeholder: placeholder,
         onClick: () => {
           if (disabled) return;
           toggleDropdown();
@@ -1489,7 +1496,7 @@ class DateInput extends PureComponent {
       modifiers: modifiers
     }, ({
       toggle
-    }) => /*#__PURE__*/createElement(Calendar, Object.assign({
+    }) => /*#__PURE__*/createElement(Fragment, null, /*#__PURE__*/createElement(Calendar, Object.assign({
       hideShadow: true,
       className: dateClass,
       selected: propsValue ? new Date(propsValue) : undefined
@@ -1499,7 +1506,9 @@ class DateInput extends PureComponent {
         this.onCalendarDateChange(date);
         toggle();
       }
-    })));
+    })), errorMessage && /*#__PURE__*/createElement("div", {
+      className: errorStyle
+    }, errorMessage)));
   }
 }
 function checkDateInputSupport() {