.react-datepicker,
.react-datepicker__month-container {
  width: 100% !important;
  border: none !important;
}

.datepicker__month,
.react-datepicker__header {
  width: 100% !important;
  padding: 5px 10px !important;
  border: none !important;
}

.react-datepicker__week,
.react-datepicker__day-names {
  white-space: nowrap !important;
  width: 100% !important;
  display: flex !important;
  justify-content: space-around !important;
}

.datepicker .react-datepicker__day--keyboard-selected,
.datepicker .react-datepicker__month-text--keyboard-selected,
.datepicker .react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  background-color: #f97316 !important;
  color: white !important;
}

.date-picker-container {
  height: 100%;
  /* Assurez-vous que le conteneur prend toute la hauteur disponible */
  overflow: hidden;
  /* Masquer le débordement */
}

.custom-calendar {
  height: 100%;
  /* Assurez-vous que le calendrier prend toute la hauteur disponible */
  display: flex;
  flex-direction: column;
}

.react-datepicker__month-container {
  flex-grow: 1;
  /* Permet au conteneur du mois de prendre toute la hauteur disponible */
}

.react-datepicker__header {
  flex-shrink: 0;
  /* Empêche l'en-tête de rétrécir */
}

.react-datepicker__month {
  flex-grow: 1;
  /* Permet au mois de prendre toute la hauteur disponible */
  overflow-y: auto;
  /* Ajoute une barre de défilement si nécessaire */
}

.react-datepicker__day--disabled {
  color: #ccc;
  /* Couleur grisée pour les jours désactivés */
}