.my-calendar-class {
  display: inline-block !important;
  overflow: hidden !important;
}

.my-calendar-class .react-datepicker {
  box-sizing: border-box !important;
  border: none !important;
  width: 300px !important;
  font-family: inherit !important;
}

.my-calendar-class .react-datepicker__header {
  box-sizing: border-box !important;
  width: 100% !important;
}

.my-calendar-class .react-datepicker__month-container {
  float: none !important;
  width: 100% !important;
}

.my-calendar-class .react-datepicker__month {
  width: 100% !important;
  margin: 0 !important;
}

.my-calendar-class .react-datepicker__day-names {
  gap: 2px !important;
  width: 100% !important;
  margin-bottom: 4px !important;
  display: flex !important;
}

.my-calendar-class .react-datepicker__week {
  gap: 2px !important;
  width: 100% !important;
  display: flex !important;
}

.my-calendar-class .react-datepicker__day-name, .my-calendar-class .react-datepicker__day {
  text-align: center !important;
  box-sizing: border-box !important;
  flex: 1 !important;
  margin: 0 !important;
}

.react-datepicker-popper {
  z-index: 9999 !important;
}