pebble-web 2.5.0 → 2.5.1
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/dist/components/styles/Date.styles.d.ts +1 -0
- package/dist/components/typings/DateInput.d.ts +1 -0
- package/dist/pebble-web.dev.js +94 -83
- package/dist/pebble-web.dev.js.map +1 -1
- package/dist/pebble-web.es.dev.js +16 -7
- package/dist/pebble-web.es.dev.js.map +1 -1
- package/dist/pebble-web.es.js +12 -3
- package/dist/pebble-web.es.js.map +1 -1
- package/dist/pebble-web.js +90 -79
- package/dist/pebble-web.js.map +1 -1
- package/dist/pebble-web.module.dev.js +94 -83
- package/dist/pebble-web.module.dev.js.map +1 -1
- package/dist/pebble-web.module.js +90 -79
- package/dist/pebble-web.module.js.map +1 -1
- package/dist/pebble-web.umd.dev.js +321 -83
- package/dist/pebble-web.umd.dev.js.map +1 -1
- package/dist/pebble-web.umd.js +317 -79
- package/dist/pebble-web.umd.js.map +1 -1
- package/package.json +3 -3
- package/src/components/DateInput.tsx +18 -13
- package/src/components/styles/Date.styles.ts +10 -0
- package/src/components/typings/DateInput.ts +1 -0
package/dist/pebble-web.es.js
CHANGED
|
@@ -1205,6 +1205,12 @@ const wrapperStyle$3 = /*#__PURE__*/css( {
|
|
|
1205
1205
|
name: "h7juj2-wrapperStyle",
|
|
1206
1206
|
styles: "margin-bottom:20px;;label:wrapperStyle;"
|
|
1207
1207
|
} );
|
|
1208
|
+
const errorStyle = /*#__PURE__*/css({ ...typography.s.bold,
|
|
1209
|
+
backgroundColor: colors.red.lightest,
|
|
1210
|
+
color: colors.red.darker,
|
|
1211
|
+
textAlign: "left",
|
|
1212
|
+
padding: "11px 30px"
|
|
1213
|
+
}, ";label:errorStyle;" + ( "" ));
|
|
1208
1214
|
|
|
1209
1215
|
function getColor(error, success, isUnderlineColor) {
|
|
1210
1216
|
let color = colors.gray.dark;
|
|
@@ -1424,7 +1430,8 @@ class DateInput extends PureComponent {
|
|
|
1424
1430
|
inputProps,
|
|
1425
1431
|
placeholder,
|
|
1426
1432
|
value: propsValue,
|
|
1427
|
-
disabled
|
|
1433
|
+
disabled,
|
|
1434
|
+
errorMessage
|
|
1428
1435
|
} = this.props;
|
|
1429
1436
|
return /*#__PURE__*/createElement(DropDown, {
|
|
1430
1437
|
dropDownClassName: dropDownClassName,
|
|
@@ -1461,7 +1468,7 @@ class DateInput extends PureComponent {
|
|
|
1461
1468
|
modifiers: modifiers
|
|
1462
1469
|
}, ({
|
|
1463
1470
|
toggle
|
|
1464
|
-
}) => /*#__PURE__*/createElement(Calendar, Object.assign({
|
|
1471
|
+
}) => /*#__PURE__*/createElement(Fragment, null, /*#__PURE__*/createElement(Calendar, Object.assign({
|
|
1465
1472
|
hideShadow: true,
|
|
1466
1473
|
className: dateClass,
|
|
1467
1474
|
selected: propsValue ? new Date(propsValue) : undefined
|
|
@@ -1471,7 +1478,9 @@ class DateInput extends PureComponent {
|
|
|
1471
1478
|
this.onCalendarDateChange(date);
|
|
1472
1479
|
toggle();
|
|
1473
1480
|
}
|
|
1474
|
-
}))
|
|
1481
|
+
})), errorMessage && /*#__PURE__*/createElement("div", {
|
|
1482
|
+
className: errorStyle
|
|
1483
|
+
}, errorMessage)));
|
|
1475
1484
|
}
|
|
1476
1485
|
}
|
|
1477
1486
|
function checkDateInputSupport() {
|