react-calendar-range-picker/lib/react-calendar-range-picker.min.css.map

A react component for date time range picker.

{"version":3,"file":"react-calendar-range-picker.min.css","mappings":"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","sources":["webpack://react-calendar-range-picker/./src/js/component/react-calendar-range-picker.css"],"sourcesContent":[":root {\n  --item-width: 25px;\n  --item-height: 25px;\n}\n\n.react-calendar-range-picker-calendar--range {\n  display: inline-block;\n  vertical-align: top;\n}\n\n.react-calendar-range-picker {\n  opacity: 0;\n  position: relative;\n  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1), 0 0 4px 0 rgba(0, 0, 0, 0.08);\n  display: inline-block;\n  transition: all 0.3s;\n  transform: translateY(-1em) perspective(600px) rotateX(10deg);\n  padding: 20px;\n  background-color: #fff;\n}\n\n.react-calendar-range-picker.visible {\n  z-index: 1;\n  opacity: 1;\n  transform: translateY(0) perspective(600px) rotateX(0);\n}\n\n.react-calendar-range-picker__calendar {\n  display: inline-block;\n  vertical-align: top;\n  margin-bottom: 40px;\n  position: relative;\n}\n\n.react-calendar-range-picker__calendar:before {\n  content: '';\n  display: inline-block;\n  height: 100%;\n  vertical-align: middle;\n}\n\n.react-calendar-range-picker__calendar {\n}\n\n.react-calendar-range-picker__close {\n  cursor: pointer;\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  color: #adb5bd;\n}\n\n.react-calendar-range-picker__clear.disabled {\n  cursor: not-allowed;\n}\n\n.react-calendar-range-picker__clear {\n  cursor: pointer;\n  position: absolute;\n  right: 2%;\n  top: 50%;\n  transform: translateY(-50%);\n  color: #adb5bd;\n}\n\n@media only screen and (max-width: 900px) {\n  .react-calendar-range-picker-calendar--range {\n    display: block;\n  }\n  .react-minimal-datetime-date-picker__divider {\n    display: block;\n  }\n}\n\n/* dropdown section */\n\n.react-calendar-range-picker-dropdown {\n  position: relative;\n  display: block;\n}\n\n.react-calendar-range-picker-dropdown.visible .react-calendar-range-picker-dropdown-calendar__menu {\n  transform: translate3d(-50%, 0, 0) scale3d(1, 1, 1);\n  transform: translate(-50%, 0) scale(1, 1) \\9;\n  opacity: 1;\n  padding: 10px;\n  z-index: 1000;\n}\n\n.react-calendar-range-picker-dropdown.visible .react-calendar-range-picker-dropdown-calendar__menu-no-effect {\n  display: block;\n}\n\n.react-calendar-range-picker-dropdown .react-calendar-range-picker-dropdown-calendar__menu {\n  will-change: transform, opacity;\n  transform: translate3d(-50%, 0, 0) scale3d(1, 0, 1);\n  transform: translate(-50%, 0) scale(1, 0) \\9;\n  opacity: 0;\n  left: 50%;\n  width: 280px;\n  margin-top: 30px;\n  text-align: center;\n  transform-origin: 0 0;\n  transition: transform 0.4s, opacity 0.2s;\n  position: absolute;\n  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3), 0 0 1px 0 rgba(0, 0, 0, 0.12);\n  /*z-index: -1;*/\n  background-color: #fff;\n}\n\n.react-calendar-range-picker-dropdown .react-calendar-range-picker-dropdown-calendar__container {\n  border-radius: 3px;\n  overflow: hidden;\n  margin-top: 10px;\n}\n\n.react-calendar-range-picker-dropdown .react-calendar-range-picker-dropdown-calendar__item {\n  padding: 1px 4px;\n  line-height: 20px;\n  transition: background-color 0.4s;\n  cursor: pointer;\n  display: block;\n}\n\n.react-calendar-range-picker-dropdown-calendar__month {\n  background-color: #fff;\n  zoom: 1;\n  display: block;\n  border-bottom: 1px solid #f2f2f2;\n\n  &:after {\n    content: '\\200B';\n    display: block;\n    height: 0;\n    clear: both;\n  }\n}\n\n.react-calendar-range-picker-dropdown-calendar__month-item {\n  background-color: #fff;\n  cursor: pointer;\n  float: left;\n  width: 33.3%;\n}\n\n.react-calendar-range-picker-dropdown-calendar__month-item > div {\n  padding: 10px 0;\n  padding: 10px 2px;\n  font-size: 12px;\n  margin: 5px;\n  background-color: #fff;\n  transition: all 0.3s;\n  display: block;\n\n  &:hover {\n    background-color: #74c0fc;\n    color: #fff;\n  }\n}\n\n.react-calendar-range-picker-dropdown-calendar__month-item.active > div {\n  background-color: #339af0;\n  color: #fff;\n}\n\n.react-calendar-range-picker-calendar__previous,\n.react-calendar-range-picker-calendar__next {\n}\n\n.react-calendar-range-picker-dropdown .react-calendar-range-picker-dropdown-calendar__item:hover {\n  background-color: #eee;\n}\n\n.react-calendar-range-picker-dropdown-calendar__year {\n  position: absolute;\n  overflow: hidden;\n  width: 100%;\n  height: 100%;\n  background-color: #fff;\n  display: block;\n}\n\n.react-calendar-range-picker-dropdown-calendar__year-item {\n  background-color: #fff;\n  cursor: pointer;\n  float: left;\n  height: 100%;\n  display: table;\n  width: 20%;\n}\n\n.react-calendar-range-picker-dropdown-calendar__year-item > span {\n  height: 100%;\n  display: table-cell;\n  vertical-align: middle;\n  font-size: 12px;\n  margin: 2px;\n  font-size: 14px;\n  background-color: #fff;\n  transition: all 0.3s;\n\n  &:hover {\n    background-color: #74c0fc;\n    color: #fff;\n  }\n}\n\n.react-calendar-range-picker-dropdown-calendar__year-item.active > span {\n  background-color: #339af0;\n  color: #fff;\n}\n\n/* end of dropdown section */\n\n.react-calendar-range-picker-calendar__default-day,\n.react-calendar-range-picker-calendar__today {\n  font-size: 12px;\n  margin-top: 10px;\n}\n\n.react-calendar-range-picker-calendar__today {\n  left: 0;\n}\n\n.react-calendar-range-picker-calendar__default-day {\n  right: 0;\n}\n\n.react-calendar-range-picker-calendar__default-day .react-calendar-range-picker-calendar__icon,\n.react-calendar-range-picker-calendar__today .react-calendar-range-picker-calendar__icon {\n  font-size: 15px;\n}\n\n.react-calendar-range-picker-calendar__clicker {\n  cursor: pointer;\n}\n\n.react-calendar-range-picker__col {\n  display: inline-block;\n  vertical-align: middle;\n}\n\n.react-calendar-range-picker-calendar__title {\n  cursor: pointer;\n  width: 100%;\n  position: absolute;\n  color: var(--oc-gray-8);\n  line-height: 17px;\n\n  &:hover {\n    color: #74c0fc;\n  }\n}\n\n.react-calendar-range-picker-calendar__inline-span span {\n  display: inline-block;\n  vertical-align: middle;\n}\n\n.react-calendar-range-picker-calendar__inline-span:before {\n  content: '';\n  display: inline-block;\n  height: 100%;\n  vertical-align: middle;\n}\n\n.react-calendar-range-picker-calendar__content {\n  display: block;\n}\n\n.react-calendar-range-picker-calendar__icon {\n  cursor: pointer;\n  font-size: 20px;\n}\n\n.react-calendar-range-picker__col-0-5 {\n  width: 5%;\n}\n\n.react-calendar-range-picker__col-9 {\n  width: 90%;\n}\n\n.react-calendar-range-picker__col-3 {\n  width: 25%;\n}\n\n.react-calendar-range-picker__col-6 {\n  width: 50%;\n}\n\n.react-calendar-range-picker-calendar__header {\n  text-align: center;\n  display: block;\n}\n\n.react-calendar-range-picker--inline-block {\n  display: inline-block;\n  vertical-align: middle;\n}\n\n.react-calendar-range-picker-calendar__table {\n  display: table;\n  border-collapse: collapse;\n  border-collapse: initial !important;\n  margin: 0 auto;\n  width: 100%;\n}\n\n@media all and (-ms-high-contrast: none) {\n  .react-calendar-range-picker-calendar__table {\n    border-collapse: initial;\n  }\n}\n\n@supports (-ms-ime-align: auto) {\n  .react-calendar-range-picker-calendar__table {\n    border-collapse: initial;\n  }\n}\n\n.react-calendar-range-picker-calendar__table-row {\n  display: table-row;\n}\n\n.react-calendar-range-picker-calendar__table-cel {\n  font-size: 12px;\n  display: table-cell;\n  text-align: center;\n  vertical-align: middle;\n  padding: 10px;\n  cursor: default;\n  transition: all 0.3s;\n  background-color: #fff;\n  color: var(--oc-gray-7);\n  padding: 6px;\n  width: var(--item-width);\n  height: var(--item-height);\n\n  &.disabled {\n    color: #adb5bd;\n  }\n\n  &.today {\n    color: #fc7474;\n  }\n  &.marked {\n    position: relative;\n    &:after {\n      position: absolute;\n      content: '';\n      width: 5px;\n      height: 5px;\n      background-color: #ced4da;\n      border-radius: 50%;\n      left: 50%;\n      bottom: 3px;\n      transform: translateX(-50%);\n    }\n  }\n  &.active {\n    &:not(.today) {\n      color: #fff;\n      background-color: #74c0fc;\n    }\n\n    &.range {\n      &.today {\n        color: #fff;\n        background-color: #74c0fc;\n        text-decoration: underline;\n      }\n    }\n  }\n\n  &.highlight {\n    background-color: #d0ebff;\n  }\n\n  &.no-border {\n    border: 1px solid transparent;\n  }\n\n  &.react-calendar-range-picker-calendar__date-item {\n    position: relative;\n\n    &:not(.disabled) {\n      cursor: pointer;\n\n      &:hover {\n        color: #fff;\n        background-color: #74c0fc;\n      }\n    }\n  }\n\n  &.react-calendar-range-picker-calendar__date-item .react-calendar-range-picker-calendar__icon {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    font-size: 12px;\n  }\n}\n\n.react-calendar-range-picker-calendar__table-caption {\n  color: var(--oc-gray-7);\n}\n\n.react-calendar-range-picker-calendar__mask {\n  opacity: 0;\n  filter: alpha(opacity=0);\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: -1;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.3);\n\n  &.visible {\n    opacity: 1 !important;\n    filter: alpha(opacity=100);\n    background-color: rgba(0, 0, 0, 0.3) !important;\n    z-index: 1 !important;\n  }\n}\n\n.react-calendar-range-picker-check {\n  position: absolute;\n  right: 0px;\n  bottom: 0px;\n  font-size: 12px;\n}\n\n.react-calendar-range-picker__icon-fill {\n  fill: var(--oc-gray-8);\n}\n\n.today.active .react-calendar-range-picker-check__path {\n  fill: #fc7474;\n}\n\n.active .react-calendar-range-picker-check__path,\n.today:hover .react-calendar-range-picker-check__path {\n  fill: #fff;\n}\n\n.react-calendar-range-picker-calendar__button {\n  position: absolute;\n  bottom: -40px;\n  display: inline-block;\n  color: var(--oc-gray-6);\n  cursor: pointer;\n  padding: 5px 10px;\n  border: 1px solid #ced4da;\n  transition: all 0.3s;\n  background-color: #fff;\n\n  &:hover {\n    border: 1px solid #4dabf7;\n    background-color: #4dabf7;\n    color: #fff;\n  }\n}\n\n.forwardEnter {\n  will-change: transform;\n  transition: opacity 0.5s ease-in, transform 0.3s;\n  opacity: 1;\n  transform: translate3d(100%, 0, 0);\n\n  &.forwardEnterActive {\n    transform: translate3d(0, 0, 0);\n  }\n}\n\n.forwardLeave {\n  opacity: 1;\n  transition: opacity 0.5s ease-in;\n\n  &.forwardLeaveActive {\n    opacity: 0;\n  }\n}\n\n.backwardEnter {\n  &.backwardEnterActive {\n  }\n}\n\n.backwardLeave {\n  will-change: transform, opacity;\n  transition: transform 0.3s ease-in;\n  transform: translate3d(100%, 0, 0);\n\n  &.backwardLeaveActive {\n  }\n}\n\n.react-calendar-range-picker-calendar__title-container {\n  position: relative;\n  display: block;\n  height: 18px;\n  overflow: hidden;\n  width: 100%;\n  text-align: center;\n}\n\n.react-calendar-range-picker-calendar__selector-panel-year-set-container {\n  position: relative;\n  display: block;\n  height: 24px;\n  overflow: hidden;\n  text-align: center;\n  width: 100%;\n  margin: 0 auto;\n}\n\n.react-calendar-range-picker-calendar__body-container {\n  position: relative;\n  display: block;\n  transition: height 0.3s;\n  overflow: hidden;\n  text-align: center;\n}\n\n.slide {\n  position: absolute;\n}\n\n.slide-enter {\n  transform: translateX(100%);\n  transition: 0.3s transform ease-in-out;\n}\n\n.slide-enter-active {\n  transform: translateX(0);\n}\n\n.slide-exit {\n  transform: translateX(0);\n  transition: 0.3s transform ease-in-out;\n}\n\n.slide-exit-active {\n  transform: translateX(-100%);\n}\n\n.forward-enter {\n  transform: translateX(100%);\n  transition: 0.3s transform ease-in-out;\n}\n\n.forward-enter-active {\n  transform: translateX(0);\n}\n\n.forward-exit {\n  transform: translateX(0);\n  transition: 0.3s transform ease-in-out;\n}\n\n.forward-exit-active {\n  transform: translateX(-100%);\n}\n\n.backward-enter {\n  transform: translateX(-100%);\n  transition: 0.3s transform ease-in-out;\n}\n\n.backward-enter-active {\n  transform: translateX(0);\n}\n\n.backward-exit {\n  transform: translateX(0);\n  transition: 0.3s transform ease-in-out;\n}\n\n.backward-exit-active {\n  transform: translateX(100%);\n}\n\n.react-calendar-range-picker__range-input-wrapper {\n  width: 100%;\n  height: 32px;\n  position: relative;\n  display: inline-block;\n  padding: 4px 0;\n  color: rgba(0, 0, 0, 0.65);\n  background-color: #fff;\n  border: 1px solid #d9d9d9;\n  border-radius: 4px;\n  transition: all 0.3s;\n}\n\n.react-calendar-range-picker__range-input-wrapper.disabled {\n  border: 1px solid #ccc;\n  color: #ccc;\n  background: #f8f8f8;\n  cursor: not-allowed;\n}\n\n.react-calendar-range-picker__range-input-wrapper input.react-calendar-range-picker__range-input.disabled {\n  cursor: not-allowed;\n}\n\n.react-calendar-range-picker__range-input-wrapper input.react-calendar-range-picker__range-input {\n  border: none;\n  width: 44%;\n  height: 95%;\n  text-align: center;\n  background-color: transparent;\n  outline: 0;\n}\n\n.react-calendar-range-picker__range-input-wrapper .react-calendar-range-picker__range-input-separator {\n  display: inline-block;\n  min-width: 10px;\n  white-space: nowrap;\n  text-align: center;\n  pointer-events: none;\n  vertical-align: middle;\n}\n\n.react-calendar-range-picker__range .react-calendar-range-picker {\n  position: absolute;\n}\n\n.react-calendar-range-picker__button-wrapper {\n  text-align: right;\n  display: block;\n}\n\n.react-calendar-range-picker__button {\n  font-size: 12px;\n  cursor: pointer;\n  display: inline-block;\n  margin-right: 10px;\n  padding: 2px 5px;\n  border-radius: 4px;\n}\n\n.react-calendar-range-picker__button--type {\n  color: #74c0fc;\n\n  &.disabled {\n    color: #adb5bd;\n    cursor: not-allowed;\n  }\n}\n\n.react-calendar-range-picker__button--confirm {\n  background-color: #74c0fc;\n  color: #fff;\n  border: 1px solid #4dabf7;\n\n  &.disabled {\n    background-color: #f1f3f5;\n    color: #adb5bd;\n    cursor: not-allowed;\n    border: 1px solid #ced4da;\n  }\n}\n\n.react-minimal-datetime-date-picker {\n  position: relative;\n}\n\n.react-minimal-datetime-date-picker__divider {\n  display: inline-block;\n  width: 30px;\n}\n\n.react-calendar-range-picker__time-piker {\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  background-color: #fff;\n  display: block;\n}\n\n.react-calendar-range-picker__time-select-wrapper {\n  height: 100%;\n  display: block;\n}\n\n.react-calendar-range-picker__date {\n  display: inline-block;\n  margin-bottom: 10px;\n  text-align: center;\n  width: 50%;\n  padding-bottom: 5px;\n  border-bottom: 1px solid #f2f2f2;\n  font-weight: 600;\n}\n\n.react-calendar-range-picker__time-select-options-wrapper, .react-calendar-range-picker__time-select-options-wrapper_no-leftbrdr{\n  height: 83%;\n  display: inline-block;\n  width: 24.5%;\n  border: 1px solid #f2f2f2;\n  overflow: hidden;\n  text-align: center;\n}\n\n.react-calendar-range-picker__time-select-options-header{\n  border-bottom: 1px solid #f2f2f2;\n  font-weight: 600;\n  padding: 5px 0px;\n  display: block;\n}\n.react-calendar-range-picker__time-select-options{\n  overflow-y: auto;\n  height: 87%;\n  display: block;\n}\n\n.react-calendar-range-picker__time-select-options-wrapper_no-leftbrdr{\n  border-left: 0 !important;\n}\n\n.react-calendar-range-picker__time-select-wrapper--single {\n  text-align: center;\n}\n\n.react-calendar-range-picker__time-select-wrapper--single .react-calendar-range-picker__time-select-options-wrapper {\n  width: 50%;\n}\n\n.react-calendar-range-picker__time-select-option {\n  padding: 2px 5px;\n  cursor: pointer;\n  display: block;\n\n  &:hover {\n    background-color: #d0ebff;\n  }\n\n  &.active {\n    color: #fff;\n    background-color: #74c0fc;\n  }\n}\n\n.ranges-selector{\n  margin: 0 20px 0 auto;\n}\n\n.ranges-selector ul {\n  list-style: none;\n  margin: 0 auto;\n  padding: 0;\n  width: 100%;\n}\n\n.ranges-selector ul li {\n  font-size: 12px;\n  list-style-type: none;\n  text-align: left;\n}\n\n.ranges-selector ul li .selector-button {\n  padding: 8px 12px;\n  background: none;\n  border: none;\n  text-align: left;\n  cursor: pointer;\n}\n\n.ranges-selector ul li .active, .ranges-selector ul .active {\n  background-color: #339af0;\n  color: #fff;\n}\n\n.react-calendar-range-picker__time-select-wrapper-header{\n  display: block;\n}\n\n.react-calendar-range-picker__time-select-options::-webkit-scrollbar {\n  display: none; /* for Chrome, Safari, and Opera */\n}\n\n.date-cell.disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n  pointer-events: none;\n}"],"names":[],"sourceRoot":""}