examplepackageversion/css/src/components/dateRangePicker.css

React components library project for Innovaccer Design System

.DateRangePicker {
  display: flex;
}

.DateRangePicker--left {
  flex-direction: row;
}

.DateRangePicker--right {
  flex-direction: row-reverse;
}

.DateRangePicker-input {
  box-sizing: border-box;
}

.DateRangePicker-input--startDate {
  padding-right: var(--spacing-m);
}

.DateRangePicker-input--endDate {
  padding-left: var(--spacing-m);
}

@media (max-width: 576px) {
  .DateRangePicker-input {
    padding: 0;
  }

  .DateRangePicker-input--endDate {
    padding-top: var(--spacing);
  }
}