.ty-date-picker {
  display: inline-block;
  width: 280px;
  box-sizing: border-box;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  font-family: Helvetica Neue For Number, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px; }

.ty-date-picker-header {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  padding: 15px;
  border-bottom: 1px solid #eee; }
  .ty-date-picker-header__caption {
    flex: 1;
    display: flex;
    justify-content: center;
    box-sizing: border-box; }
  .ty-date-picker-header__month, .ty-date-picker-header__year {
    margin: 0 3px;
    font-weight: 500; }
  .ty-date-picker-header__prev-month, .ty-date-picker-header__next-month {
    margin: 0 6px; }
  .ty-date-picker-header__prev-year, .ty-date-picker-header__prev-month, .ty-date-picker-header__next-month, .ty-date-picker-header__next-year {
    color: rgba(0, 0, 0, 0.45);
    font-size: 16px; }
  .ty-date-picker-header__prev-year, .ty-date-picker-header__prev-month, .ty-date-picker-header__next-month, .ty-date-picker-header__next-year, .ty-date-picker-header__month, .ty-date-picker-header__year {
    box-sizing: border-box;
    cursor: pointer; }
    .ty-date-picker-header__prev-year:hover, .ty-date-picker-header__prev-month:hover, .ty-date-picker-header__next-month:hover, .ty-date-picker-header__next-year:hover, .ty-date-picker-header__month:hover, .ty-date-picker-header__year:hover {
      color: #6E41BF; }

.ty-date-picker-day {
  padding: 15px 10px; }
  .ty-date-picker-day__table {
    width: 100%; }
  .ty-date-picker-day__head-item {
    box-sizing: border-box;
    font-weight: 400; }
  .ty-date-picker-day__data-item {
    box-sizing: border-box;
    text-align: center; }
  .ty-date-picker-day__day-cell, .ty-date-picker-day__week-cell {
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    margin: 0 auto;
    line-height: 22px;
    width: 24px;
    height: 24px; }
  .ty-date-picker-day__week-cell {
    color: rgba(0, 0, 0, 0.65); }
  .ty-date-picker-day__day-cell {
    color: rgba(0, 0, 0, 0.25);
    cursor: pointer;
    transition: all 300ms;
    border-radius: 100%;
    border: 1px solid transparent; }
    .ty-date-picker-day__day-cell_active {
      color: rgba(0, 0, 0, 0.8); }
    .ty-date-picker-day__day-cell_today {
      border-color: #6E41BF;
      color: #6E41BF;
      font-weight: 500; }
    .ty-date-picker-day__day-cell_selected {
      background-color: #6E41BF;
      color: #fff; }
