arengibook 2.4.30 → 2.4.31

package/dist/index.js

@@ -12767,10 +12767,10 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ".datepicker-fullwidth {\n    width: 100%;\n}\n\n.datepicker-fullwidth > .p-calendar {\n    width: 100%;\n}\n\n\n";
+var css_248z = ".datepicker-fullwidth {\n    width: 100%;\n}\n\n.datepicker-fullwidth > .p-calendar {\n    width: 100%;\n}\n\n.datepickerbook .p-datepicker-calendar th {\n    text-align: center !important;\n}\n\n\n\n";
 styleInject(css_248z);
 
-var _excluded$3 = ["value", "onChange", "placeholder", "dateFormat", "view", "invalid", "errorMessage", "disabled", "locale", "showTime", "showIcon", "icon", "iconBgButton", "iconPos", "name", "id", "fullWidth", "inputProps", "inputStyle"];
+var _excluded$3 = ["value", "onChange", "placeholder", "dateFormat", "view", "invalid", "errorMessage", "disabled", "locale", "showTime", "showIcon", "icon", "iconBgButton", "iconPos", "name", "id", "fullWidth", "inputProps"];
 var normalizeDate = function normalizeDate(v) {
   if (!v) return null;
   return v instanceof Date ? v : new Date(v);
@@ -12788,10 +12788,12 @@ var DatePicker = function DatePicker(_ref) {
     _ref$dateFormat = _ref.dateFormat,
     dateFormat = _ref$dateFormat === void 0 ? "dd/mm/yy" : _ref$dateFormat,
     _ref$view = _ref.view,
-    view = _ref$view === void 0 ? 'date' : _ref$view;
-    _ref.invalid;
-    _ref.errorMessage;
-    var _ref$disabled = _ref.disabled,
+    view = _ref$view === void 0 ? 'date' : _ref$view,
+    _ref$invalid = _ref.invalid,
+    invalid = _ref$invalid === void 0 ? false : _ref$invalid,
+    _ref$errorMessage = _ref.errorMessage,
+    errorMessage = _ref$errorMessage === void 0 ? '' : _ref$errorMessage,
+    _ref$disabled = _ref.disabled,
     disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$locale = _ref.locale,
     locale = _ref$locale === void 0 ? "fr" : _ref$locale,
@@ -12805,16 +12807,11 @@ var DatePicker = function DatePicker(_ref) {
     iconBgButton = _ref$iconBgButton === void 0 ? '#000000' : _ref$iconBgButton,
     iconPos = _ref.iconPos,
     name = _ref.name,
-    id = _ref.id;
-    _ref.fullWidth;
-    var _ref$inputProps = _ref.inputProps,
-    inputProps = _ref$inputProps === void 0 ? {} : _ref$inputProps,
-    _ref$inputStyle = _ref.inputStyle,
-    inputStyle = _ref$inputStyle === void 0 ? {
-      padding: '0.25rem',
-      fontSize: '0.8rem',
-      height: '2rem'
-    } : _ref$inputStyle;
+    id = _ref.id,
+    _ref$fullWidth = _ref.fullWidth,
+    fullWidth = _ref$fullWidth === void 0 ? true : _ref$fullWidth,
+    _ref$inputProps = _ref.inputProps,
+    inputProps = _ref$inputProps === void 0 ? {} : _ref$inputProps;
     _objectWithoutProperties$1(_ref, _excluded$3);
   var _useState = useState(function () {
       return normalizeDate(value);
@@ -12842,11 +12839,11 @@ var DatePicker = function DatePicker(_ref) {
       });
     }
   }, [inputProps]);
-
-  // const inputStyle = {
-  //     border: invalid ? '1px solid red' : '1px solid #ccc',
-  // };
-
+  var inputStyle = {
+    border: invalid ? '1px solid red' : '1px solid #ccc',
+    padding: '0.5rem',
+    borderRadius: '6px'
+  };
   var localLanguage = locale !== null && locale !== void 0 ? locale : 'fr';
   var handleChange = function handleChange(e) {
     var newDate = e.value;
@@ -12858,7 +12855,9 @@ var DatePicker = function DatePicker(_ref) {
     }
   };
   addLocale(localLanguage, LOCALES[localLanguage]);
-  return /*#__PURE__*/React__default.createElement(CustomCalendar, {
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: fullWidth ? "datepicker-fullwidth datepickerbook flex flex-col gap-1" : "datepickerbook flex flex-col gap-1"
+  }, /*#__PURE__*/React__default.createElement(CustomCalendar, {
     value: valeur,
     onChange: handleChange,
     dateFormat: dateFormat,
@@ -12874,7 +12873,12 @@ var DatePicker = function DatePicker(_ref) {
     inputId: id,
     name: name,
     ref: inputRef
-  });
+  }), invalid && /*#__PURE__*/React__default.createElement("small", {
+    style: {
+      color: 'red',
+      fontStyle: 'italic'
+    }
+  }, errorMessage || 'Date invalide', " !"));
 };
 
 var DatePickerPresets = {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "arengibook",
   "private": false,
-  "version": "2.4.30",
+  "version": "2.4.31",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "exports": {