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

.ty-date-picker-header {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px;
  border-bottom: 1px solid #eee; }
  .ty-date-picker-header__caption {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-sizing: border-box;
            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 {
    -webkit-box-sizing: border-box;
            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: #4DBDB9; }

.ty-date-picker-day {
  padding: 15px 10px; }
  .ty-date-picker-day__table {
    width: 100%; }
  .ty-date-picker-day__head-item {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-weight: 400; }
  .ty-date-picker-day__data-item {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center; }
  .ty-date-picker-day__day-cell, .ty-date-picker-day__week-cell {
    -webkit-box-sizing: border-box;
            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;
    -webkit-transition: all 300ms;
    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: #4DBDB9;
      color: #4DBDB9;
      font-weight: 500; }
    .ty-date-picker-day__day-cell_selected {
      background-color: #4DBDB9;
      color: #fff; }