arengibook 2.4.2 → 2.4.21

package/dist/index.js

@@ -12665,11 +12665,11 @@ var LOCALES = {
   }
 };
 
-// src/components/DatePicker.jsx
 var DatePicker = function DatePicker(_ref) {
   var value = _ref.value,
-    onChange = _ref.onChange,
-    placeholder = _ref.placeholder,
+    _onChange = _ref.onChange,
+    _ref$placeholder = _ref.placeholder,
+    placeholder = _ref$placeholder === void 0 ? 'Choisissez une date' : _ref$placeholder,
     _ref$dateFormat = _ref.dateFormat,
     dateFormat = _ref$dateFormat === void 0 ? "dd/mm/yy" : _ref$dateFormat,
     _ref$view = _ref.view,
@@ -12693,51 +12693,53 @@ var DatePicker = function DatePicker(_ref) {
     iconPos = _ref.iconPos,
     name = _ref.name,
     id = _ref.id;
+  var parsedValue = value instanceof Date ? value : value ? new Date(value) : null;
+  useEffect(function () {
+    if (LOCALES[locale]) {
+      addLocale(locale, LOCALES[locale]);
+    }
+  }, [locale]);
   useEffect(function () {
     var trigger = document.querySelector('.p-datepicker-trigger');
-    if (trigger) {
+    if (trigger && iconBgButton) {
       trigger.style.backgroundColor = iconBgButton;
     }
   }, [iconBgButton]);
-  var localLanguage = locale !== null && locale !== void 0 ? locale : 'fr';
-  var style = {
+  var inputStyle = {
     border: invalid ? '1px solid red' : '1px solid #ccc',
     padding: '0.5rem',
     borderRadius: '6px'
   };
-  var normalizeDate = function normalizeDate(v) {
-    if (!v) return null;
-    return v instanceof Date ? v : new Date(v);
-  };
-  addLocale(localLanguage, LOCALES[localLanguage]);
   return /*#__PURE__*/React__default.createElement("div", {
     className: "flex flex-col gap-1",
     style: {
       width: '100%'
     }
   }, /*#__PURE__*/React__default.createElement(Calendar, {
-    value: normalizeDate(value),
-    onChange: onChange,
+    value: parsedValue,
+    onChange: function onChange(e) {
+      return _onChange === null || _onChange === void 0 ? void 0 : _onChange(e);
+    },
     dateFormat: dateFormat,
     placeholder: placeholder,
-    inputStyle: style,
+    inputStyle: inputStyle,
     view: view,
     disabled: disabled,
-    locale: localLanguage,
+    locale: locale,
     showTime: showTime,
     showIcon: showIcon,
     icon: icon,
     iconPos: iconPos,
-    id: id,
+    inputId: id,
     name: name
     // hourFormat="24"
     // showWeek
-  }), /*#__PURE__*/React__default.createElement("div", null, invalid && /*#__PURE__*/React__default.createElement("small", {
+  }), invalid && /*#__PURE__*/React__default.createElement("small", {
     style: {
       color: 'red',
       fontStyle: 'italic'
     }
-  }, errorMessage || 'Date invalide', " !")));
+  }, errorMessage || 'Date invalide', " !"));
 };
 
 var DatePickerPresets = {

package/package.json

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