{"_id":"@5sensprod/react-custom-datepicker","_rev":"6-b5f71ac886f58cf55476a9c8887dc96c","name":"@5sensprod/react-custom-datepicker","dist-tags":{"latest":"1.1.5"},"versions":{"1.0.0":{"name":"@5sensprod/react-custom-datepicker","version":"1.0.0","description":"Un composant DatePicker personnalisé pour React","main":"dist/index.js","scripts":{"build":"rollup -c"},"keywords":["react","datepicker","calendar"],"author":{"name":"5SENSPROD Christophe Barilley"},"license":"MIT","devDependencies":{"@babel/cli":"^7.22.10","@babel/preset-env":"^7.22.14","@babel/preset-react":"^7.22.5","@rollup/plugin-babel":"^6.0.3","@rollup/plugin-commonjs":"^25.0.4","@rollup/plugin-image":"^3.0.2","@rollup/plugin-json":"^6.0.0","@rollup/plugin-node-resolve":"^15.2.1","rollup":"^3.28.1","rollup-plugin-postcss":"^4.0.2"},"gitHead":"f3e1f7a0fa9ba77014ac61f54098dfb26ed73d42","_id":"@5sensprod/react-custom-datepicker@1.0.0","_nodeVersion":"16.17.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-LH/QrW1tXUU42XeXnB4gLnH+IAZXnsv4//smQmFqJcNHNGu0DLKWjDhsmJPvVkY0leqtjZJfhwL4FNMNBSzp2Q==","shasum":"01a5c7c996f6349ef4906e076dfd7623ce8f8812","tarball":"https://registry.npmjs.org/@5sensprod/react-custom-datepicker/-/react-custom-datepicker-1.0.0.tgz","fileCount":40,"unpackedSize":125058,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDjX83gntPs1QSIX7gsU0EjGFt1kby5rexAVrMJGb2A2AiAyBwJwM65XpBDr9dXippMlqodeabZb3u+motivoiKZug=="}]},"_npmUser":{"name":"5sensprod","email":"5sensprod@gmail.com"},"directories":{},"maintainers":[{"name":"5sensprod","email":"5sensprod@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-custom-datepicker_1.0.0_1693768971165_0.579536463106918"},"_hasShrinkwrap":false},"1.1.0":{"name":"@5sensprod/react-custom-datepicker","version":"1.1.0","description":"Un composant DatePicker personnalisé pour React","main":"dist/index.js","scripts":{"build":"rollup -c"},"keywords":["react","datepicker","calendar"],"author":{"name":"5SENSPROD Christophe Barilley"},"license":"MIT","devDependencies":{"@babel/cli":"^7.22.10","@babel/preset-env":"^7.22.14","@babel/preset-react":"^7.22.5","@rollup/plugin-babel":"^6.0.3","@rollup/plugin-commonjs":"^25.0.4","@rollup/plugin-image":"^3.0.2","@rollup/plugin-json":"^6.0.0","@rollup/plugin-node-resolve":"^15.2.1","rollup":"^3.28.1","rollup-plugin-postcss":"^4.0.2"},"gitHead":"dad15a0ec3b1157620895b420a66b8b6ef130edc","_id":"@5sensprod/react-custom-datepicker@1.1.0","_nodeVersion":"16.17.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-mPfvoShU83HtsiIlGuubYiwq3MAjazEdG3kGTQI+c1glmvTBR3aqjv8rE9f5mIzNF85NgVFzKjPpoj8e5uVy2Q==","shasum":"32ff5a3734ff26212b8aa8120fe0b67e7667fd88","tarball":"https://registry.npmjs.org/@5sensprod/react-custom-datepicker/-/react-custom-datepicker-1.1.0.tgz","fileCount":41,"unpackedSize":134473,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIA4Af0fKQ9hnFzZl0OeW6Yx5JBkNkp32cxUJN8NvD/MxAiBSuuVLKRpLZNGeb1RRKLnhpYjxp3ov1aBG3ShQK46HtA=="}]},"_npmUser":{"name":"5sensprod","email":"5sensprod@gmail.com"},"directories":{},"maintainers":[{"name":"5sensprod","email":"5sensprod@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-custom-datepicker_1.1.0_1693848483375_0.38813390170486484"},"_hasShrinkwrap":false},"1.1.1":{"name":"@5sensprod/react-custom-datepicker","version":"1.1.1","description":"Un composant DatePicker personnalisé pour React","main":"dist/index.js","scripts":{"build":"rollup -c"},"keywords":["react","datepicker","calendar"],"author":{"name":"5SENSPROD Christophe Barilley"},"license":"MIT","devDependencies":{"@babel/cli":"^7.22.10","@babel/preset-env":"^7.22.14","@babel/preset-react":"^7.22.5","@rollup/plugin-babel":"^6.0.3","@rollup/plugin-commonjs":"^25.0.4","@rollup/plugin-image":"^3.0.2","@rollup/plugin-json":"^6.0.0","@rollup/plugin-node-resolve":"^15.2.1","rollup":"^3.28.1","rollup-plugin-postcss":"^4.0.2"},"gitHead":"9b47df15f5f09f8b38b2c286c6821046659f96e0","_id":"@5sensprod/react-custom-datepicker@1.1.1","_nodeVersion":"16.17.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-2fHElPpNfOmIQZj6z5BTgy78Cmgo8HxzSN4pm9LcYUr1N+ZM7Kf2WuEGNm6rswZbrLO9r4vMKFQU60AEjhJnmA==","shasum":"388f13fdb71ef4f54579a2887a69b07975ee8365","tarball":"https://registry.npmjs.org/@5sensprod/react-custom-datepicker/-/react-custom-datepicker-1.1.1.tgz","fileCount":41,"unpackedSize":134636,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFTsFHnsr/iIgonFg2kLQETiJAnNB335KFgHmqkGNJ0+AiEA9L0JzKOj3f2YSosgH6HvxswaWMIJuc4uWEhHTR+jS9A="}]},"_npmUser":{"name":"5sensprod","email":"5sensprod@gmail.com"},"directories":{},"maintainers":[{"name":"5sensprod","email":"5sensprod@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-custom-datepicker_1.1.1_1693850015911_0.8826170756647589"},"_hasShrinkwrap":false},"1.1.2":{"name":"@5sensprod/react-custom-datepicker","version":"1.1.2","description":"Un composant DatePicker personnalisé pour React","main":"dist/index.js","scripts":{"build":"rollup -c"},"keywords":["react","datepicker","calendar"],"author":{"name":"5SENSPROD Christophe Barilley"},"license":"MIT","devDependencies":{"@babel/cli":"^7.22.10","@babel/preset-env":"^7.22.14","@babel/preset-react":"^7.22.5","@rollup/plugin-babel":"^6.0.3","@rollup/plugin-commonjs":"^25.0.4","@rollup/plugin-image":"^3.0.2","@rollup/plugin-json":"^6.0.0","@rollup/plugin-node-resolve":"^15.2.1","rollup":"^3.28.1","rollup-plugin-postcss":"^4.0.2"},"dependencies":{"prop-types":"^15.8.1"},"gitHead":"9d10231b5b7524035547b5416b4e2266ada4a952","_id":"@5sensprod/react-custom-datepicker@1.1.2","_nodeVersion":"16.17.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-fiLEBKLWRzF9N6zSCj6y6714wRW+yjh/rEhjsbSb7b3y4na1OoXf3CWVM6Fdle6vfLLzc4aReT8/8LL54iVgtw==","shasum":"f4661b6733eda1fe938fd4fabf10923723c46f29","tarball":"https://registry.npmjs.org/@5sensprod/react-custom-datepicker/-/react-custom-datepicker-1.1.2.tgz","fileCount":44,"unpackedSize":269341,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIG7ykc53kM6A84mWbPCyZuHUISy0iHv6fR/ETwKjvkyoAiBYYPvC8pDpbcv+5n1XnQPzg9RSpZAHkCMHa56B2l5Jfg=="}]},"_npmUser":{"name":"5sensprod","email":"5sensprod@gmail.com"},"directories":{},"maintainers":[{"name":"5sensprod","email":"5sensprod@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-custom-datepicker_1.1.2_1694457320663_0.22993943017863727"},"_hasShrinkwrap":false},"1.1.3":{"name":"@5sensprod/react-custom-datepicker","version":"1.1.3","description":"Un composant DatePicker personnalisé pour React","main":"dist/index.js","scripts":{"build":"rollup -c"},"keywords":["react","datepicker","calendar"],"author":{"name":"5SENSPROD Christophe Barilley"},"license":"MIT","devDependencies":{"@babel/cli":"^7.22.10","@babel/preset-env":"^7.22.14","@babel/preset-react":"^7.22.5","@rollup/plugin-babel":"^6.0.3","@rollup/plugin-commonjs":"^25.0.4","@rollup/plugin-image":"^3.0.2","@rollup/plugin-json":"^6.0.0","@rollup/plugin-node-resolve":"^15.2.1","rollup":"^3.28.1","rollup-plugin-postcss":"^4.0.2"},"dependencies":{"prop-types":"^15.8.1"},"gitHead":"c0708dada1e9bb8c63eef91e09a6e0176c2412d0","_id":"@5sensprod/react-custom-datepicker@1.1.3","_nodeVersion":"16.17.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-ggTp+3gs9plloopJYB89eJ/tRrGMyopBwwvm/FvVABjB/gd8ChWNMmAB4kEuXttjtkm588KHg8+eckt3DHsPdA==","shasum":"7c2f18509600be28b0acf3c8c70933ee9f1529f6","tarball":"https://registry.npmjs.org/@5sensprod/react-custom-datepicker/-/react-custom-datepicker-1.1.3.tgz","fileCount":44,"unpackedSize":270878,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIGj5owC1v2KQhgCkzwvikIbAQluoQutcrvNdqqsxnghpAiAsN6OsZ6S8sGaIGdhcp0NhKmoxSKurXlnQUcpfvur2Rw=="}]},"_npmUser":{"name":"5sensprod","email":"5sensprod@gmail.com"},"directories":{},"maintainers":[{"name":"5sensprod","email":"5sensprod@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-custom-datepicker_1.1.3_1694531444958_0.3352015134917141"},"_hasShrinkwrap":false},"1.1.4":{"name":"@5sensprod/react-custom-datepicker","version":"1.1.4","description":"Un composant DatePicker personnalisé pour React","main":"dist/index.js","scripts":{"build":"rollup -c"},"keywords":["react","datepicker","calendar"],"author":{"name":"5SENSPROD Christophe Barilley"},"license":"MIT","devDependencies":{"@babel/cli":"^7.22.10","@babel/preset-env":"^7.22.14","@babel/preset-react":"^7.22.5","@rollup/plugin-babel":"^6.0.3","@rollup/plugin-commonjs":"^25.0.4","@rollup/plugin-image":"^3.0.2","@rollup/plugin-json":"^6.0.0","@rollup/plugin-node-resolve":"^15.2.1","rollup":"^3.28.1","rollup-plugin-postcss":"^4.0.2"},"dependencies":{"prop-types":"^15.8.1"},"gitHead":"b2c357c375a6e5426c25981ae904458931e63238","_id":"@5sensprod/react-custom-datepicker@1.1.4","_nodeVersion":"16.17.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-Cgz7rlaly7S0qZ1LgkxWz9S/SLQJJvj8XDPGgbeYI2XYEwNP9wOHtGh/jIPm6ddFbHfDhBiL85W4pQDHJJudDw==","shasum":"f029c4ad065777c363547bbd467eeedd6e96f383","tarball":"https://registry.npmjs.org/@5sensprod/react-custom-datepicker/-/react-custom-datepicker-1.1.4.tgz","fileCount":44,"unpackedSize":271126,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDkEJZyzBmxX7e3pNIX6AWSCUe+Hxn2R8AK06L52TK23gIhAOPe0SztU5Rcgo03eDvugX2sJJ7XmE2JV1/kJh/g1Btn"}]},"_npmUser":{"name":"5sensprod","email":"5sensprod@gmail.com"},"directories":{},"maintainers":[{"name":"5sensprod","email":"5sensprod@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-custom-datepicker_1.1.4_1694532880544_0.4712025296359392"},"_hasShrinkwrap":false},"1.1.5":{"name":"@5sensprod/react-custom-datepicker","version":"1.1.5","description":"Un composant DatePicker personnalisé pour React","main":"dist/index.js","scripts":{"build":"rollup -c"},"keywords":["react","datepicker","calendar"],"author":{"name":"5SENSPROD Christophe Barilley"},"license":"MIT","devDependencies":{"@babel/cli":"^7.22.10","@babel/preset-env":"^7.22.14","@babel/preset-react":"^7.22.5","@rollup/plugin-babel":"^6.0.3","@rollup/plugin-commonjs":"^25.0.4","@rollup/plugin-image":"^3.0.2","@rollup/plugin-json":"^6.0.0","@rollup/plugin-node-resolve":"^15.2.1","rollup":"^3.28.1","rollup-plugin-postcss":"^4.0.2"},"dependencies":{"prop-types":"^15.8.1"},"gitHead":"e2c7b49f7dae8fcb8275f5c4c626266a574780d7","_id":"@5sensprod/react-custom-datepicker@1.1.5","_nodeVersion":"16.17.0","_npmVersion":"8.19.2","dist":{"integrity":"sha512-7HzfdWcw3ZuXw7i5VxyKvjrIvbBT9nLoDf4bOk05RJWuytj/gDoJHoq52DCJ28BQmZ+x5eag0hU7y7kFmTB83A==","shasum":"551575b1c737557a3d3de44e448e57af3fe4175a","tarball":"https://registry.npmjs.org/@5sensprod/react-custom-datepicker/-/react-custom-datepicker-1.1.5.tgz","fileCount":44,"unpackedSize":271577,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEMUhn29VaCY1hHxCkl+n2m8arbrjEqjtr1Cn6aAGBpdAiANQfAv7OhhNZMBrAJxBotaOmVw+CNRMerif/agBkHy4Q=="}]},"_npmUser":{"name":"5sensprod","email":"5sensprod@gmail.com"},"directories":{},"maintainers":[{"name":"5sensprod","email":"5sensprod@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-custom-datepicker_1.1.5_1694618925095_0.41482791094124827"},"_hasShrinkwrap":false}},"time":{"created":"2023-09-03T19:22:51.054Z","1.0.0":"2023-09-03T19:22:51.424Z","modified":"2023-09-13T15:28:45.620Z","1.1.0":"2023-09-04T17:28:03.578Z","1.1.1":"2023-09-04T17:53:36.137Z","1.1.2":"2023-09-11T18:35:20.965Z","1.1.3":"2023-09-12T15:10:45.250Z","1.1.4":"2023-09-12T15:34:40.765Z","1.1.5":"2023-09-13T15:28:45.337Z"},"maintainers":[{"name":"5sensprod","email":"5sensprod@gmail.com"}],"description":"Un composant DatePicker personnalisé pour React","keywords":["react","datepicker","calendar"],"author":{"name":"5SENSPROD Christophe Barilley"},"license":"MIT","readme":"# React Custom DatePicker\r\n\r\nUn composant DatePicker personnalisé pour React.\r\n\r\n## Installation\r\n\r\nnpm i @5sensprod/react-custom-datepicker\r\n\r\n## Utilisation\r\n\r\nLe composant DatePicker de @5sensprod/react-custom-datepicker est conçu pour être intuitif et facile à utiliser. Cependant, quelques configurations initiales sont essentielles pour garantir son bon fonctionnement.\r\n\r\nDans l'exemple ci-dessous, nous montrons comment intégrer le composant DatePicker dans une application React. Nous soulignons l'importance d'initialiser un état pour la date sélectionnée, qui est cruciale pour le bon fonctionnement du composant dès son premier rendu.\r\n\r\nLa fonction handleDateChange est un exemple basique de gestionnaire d'événements. Vous pouvez la modifier ou la compléter pour s'adapter à la logique de votre formulaire ou de votre application :\r\n\r\n```javascript\r\nimport React, { useState } from 'react'\r\nimport './App.css'\r\nimport DatePicker from '@5sensprod/react-custom-datepicker'\r\n\r\nfunction App() {\r\n  // *** Initialisation cruciale Définissez un état pour la date sélectionnée.\r\n  // Il est essentiel d'initialiser l'état avec une valeur (ici, la date du jour) pour que le DatePicker fonctionne correctement dès le départ.\r\n\r\n  const [selectedDate, setSelectedDate] = useState(new Date())\r\n\r\n  // Cette fonction sera appelée chaque fois que l'utilisateur sélectionne une nouvelle date\r\n  const handleDateChange = (event) => {\r\n    const dateValue = event.target.value\r\n    console.log('Valeur du DatePicker:', dateValue)\r\n    setSelectedDate(dateValue)\r\n  }\r\n\r\n  return (\r\n    <div className=\"App\">\r\n      <h1>Test du DatePicker</h1>\r\n      <DatePicker\r\n        name={'name'} // nom de l'input, utile pour la gestion des formulaires\r\n        value={selectedDate} // la date actuellement sélectionnée\r\n        onChange={handleDateChange} // fonction appelée lors de la sélection d'une nouvelle date\r\n      />\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default App\r\n```\r\n\r\nNotes importantes:\r\n\r\nLes props name, value et onChange sont essentiels pour récupérer les données.\r\n\r\nSi vous souhaitez lier le DatePicker à un <label>, assurez-vous de fournir un attribut id unique au DatePicker et utilisez ce même ID dans l'attribut for du <label>. Ceci améliore l'accessibilité et l'expérience utilisateur :\r\n\r\n```javascript\r\nfunction App() {\r\n  // Note: Assurez-vous d'initialiser vos states `name`, `value` et `onChange` au niveau parent (exemple précédent).\r\n\r\n  return (\r\n    <div>\r\n      // Utilisez un label pour améliorer l'accessibilité\r\n      <label htmlFor={`${name}DateInput`}>{label}</label>\r\n      // Instanciez votre DatePicker en lui passant les props essentiels\r\n      <DatePicker\r\n        // L'ID est utilisé pour lier le composant DatePicker à son <label> associé.\r\n        // Cela fournit une meilleure expérience utilisateur et améliore l'accessibilité.\r\n        id={`${name}DateInput`}\r\n        // Le `name` est utilisé pour identifier le champ lors de l'envoi du formulaire.\r\n        name={name}\r\n        // La `value` représente la date actuellement sélectionnée.\r\n        value={value}\r\n        // La fonction `onChange` est appelée chaque fois que l'utilisateur change la date.\r\n        onChange={onChange}\r\n      />\r\n    </div>\r\n  )\r\n}\r\nexport default App\r\n```\r\n\r\n## Le format de date renvoyé\r\n\r\nLe composant DatePicker est conçu pour afficher des dates dans différents formats. Cependant, indépendamment du format d'affichage choisi, la date renvoyée au composant hôte est toujours au format YYYY-MM-DD.\r\n\r\nVoici un exemple simplifié d'utilisation du DatePicker dans un composant DateInputField :\r\n\r\n```javascript\r\nconst DateInputField = ({ name, value, label, onChange, error }) => {\r\n  const handleDateChange = (event) => {\r\n    console.log('Value received in DateInputField:', event.target.value) // Toujours au format YYYY-MM-DD\r\n    onChange(event)\r\n  }\r\n\r\n  return (\r\n    <div>\r\n      <label htmlFor={`${name}DateInput`}>{label}</label>\r\n      <DatePicker\r\n        id={`${name}DateInput`}\r\n        name={name}\r\n        value={value}\r\n        onChange={handleDateChange}\r\n        dateFormat=\"US\"\r\n      />\r\n      {error && <span>{error}</span>}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default DateInputField\r\n```\r\n\r\nNotez que même si le dateFormat est défini sur \"US\" (MM-DD-YYYY), la valeur renvoyée (accessible via event.target.value dans handleDateChange) est toujours au format YYYY-MM-DD.\r\n\r\n## Configurations\r\n\r\nVous pouvez personnaliser le comportement et l'apparence du DatePicker.\r\n\r\n### Usage :\r\n\r\n```javascript\r\n<DatePicker\r\n  name={name}\r\n  value={value}\r\n  onChange={onChange}\r\n  designType={'neuro'}\r\n  yearBlockSize={32}\r\n  useIcons={true}\r\n  startOfWeek={1}\r\n  language=\"fr\"\r\n  dateFormat=\"ISO\"\r\n  manualInputEnabled={true}\r\n  minYear={'auto-10'}\r\n  maxYear={2030}\r\n/>\r\n```\r\n\r\n### Liste des options :\r\n\r\nVous pouvez personnaliser le comportement et l'apparence du DatePicker avec les props suivantes :\r\n\r\n- **showButton** (type: Boolean, default: true):\r\n\r\n  - Si true, le bouton du calendrier sera affiché.\r\n  - Si false, le bouton sera caché.\r\n\r\n- **placeholderText** (type: String, default: null):\r\n\r\n  - Si une chaîne de caractères est fournie, celle-ci sera utilisée comme texte de placeholder pour l'entrée de la date.\r\n  - Si la valeur est null ou non fournie, la valeur par défaut de translations.placeholder sera utilisée.\r\n  - Pour avoir un placeholder vide, fournissez une chaîne vide (\"\").\r\n\r\n- **useIcons** (type: Boolean, default: `true`):\r\n\r\n  - Si `true`, des icônes (chevrons) seront utilisées pour la navigation du calendrier.\r\n  - Si `false`, du texte sera utilisé à la place.\r\n\r\n- **dateFormat** (type: String, default: `'DEFAULT'`):\r\n\r\n  - Le format de la date affichée. Les options disponibles sont `'DEFAULT'`, `'US'`, et `'ISO'`, qui correspondent respectivement à `'DD-MM-YYYY'`, `'MM-DD-YYYY'` et `'YYYY-MM-DD'`.\r\n\r\n- **customStyles** (type: Object, default: `{}`):\r\n\r\n  - Un objet pour surcharger les styles par défaut.\r\n\r\n- **startOfWeek** (type: Number, default: `0`):\r\n\r\n  - Définit le premier jour de la semaine. `0` pour Dimanche, `1` pour Lundi, etc.\r\n\r\n- **manualInputEnabled** (type: Boolean, default: `true`):\r\n\r\n  - Si `true`, permet à l'utilisateur d'entrer manuellement une date.\r\n  - Sinon, l'utilisateur doit sélectionner une date à partir du calendrier.\r\n\r\n- **minYear** et **maxYear** (type: Number ou String, default: `1930` et `2025` respectivement):\r\n\r\n  - Définit l'année minimum et maximum disponibles pour la sélection.\r\n  - Vous pouvez également utiliser des valeurs comme `'auto-10'` pour `minYear`, qui serait l'année actuelle moins 10 ans.\r\n\r\n- **language** (type: String, default: `'en'`):\r\n\r\n  - Définit la langue du calendrier. Les options disponibles sont `'en'` pour l'anglais et `'fr'` pour le français.\r\n\r\n- **yearBlockSize** (type: Number, default: `16`):\r\n\r\n  - Nombre d'années à afficher dans le sélecteur d'année.\r\n\r\n- **designType** (type: String, default: `'default'`):\r\n  - Change le design du DatePicker. Les valeurs possibles sont :\r\n    - `'default'`: Design standard.\r\n    - `'neuro'`: Design effet neurmorphism.\r\n    - `'glass'`: Design effet glassmorphism.\r\n\r\n## Accessibilité\r\n\r\nLe composant react-custom-datepicker offre une prise en charge de la navigation au clavier :\r\n\r\n  - Entrée (Enter) : Sélectionne une date ou exécute une action.\r\n  - Espace (Space) : Similaire à la touche \"Enter\".\r\n  - Flèches (Arrow keys) : Permettent de naviguer entre les éléments, comme les jours ou les mois.\r\n\r\n\r\n## Exemple en direct\r\n\r\nPour voir un exemple en direct de l'utilisation du composant react-custom-datepicker, cliquez sur le badge ci-dessous :\r\n\r\n[![Edit on CodeSandbox](https://codesandbox.io/static/img/play-codesandbox.svg)](https://codesandbox.io/s/priceless-rubin-554zjg)\r\n\r\n## Source sur GitHub\r\n\r\nLe code source de ce plugin est hébergé sur GitHub. Vous pouvez le consulter et le cloner à partir de l'adresse suivante :\r\n\r\n[https://github.com/5sensprod/react-custom-datepicker](https://github.com/5sensprod/react-custom-datepicker)\r\n\r\n## Contribution\r\n\r\nLes contributions sont les bienvenues. Veuillez ouvrir une issue ou soumettre une pull request sur GitHub.\r\n\r\n## Licence\r\n\r\nMIT\r\n\r\n```\r\n\r\n```\r\n","readmeFilename":"README.md"}