@import url(~antd/lib/calendar/style/index-pure.less);
@import '../../style/themes/index';

.@{calendar-prefix-cls} {
	// ========================= Header =========================
	&-header {
		.@{calendar-prefix-cls}-year-select {
			min-width: 90px;
		}

		.@{calendar-prefix-cls}-month-select {
			min-width: 90px;
		}
	}

	&-full &-header {
		.@{calendar-prefix-cls}-year-select {
			min-width: 130px;
		}

		.@{calendar-prefix-cls}-month-select {
			min-width: 130px;
		}
	}

	// ========================== Full ==========================
	&-full {
		border: 1px solid @calendar-border-color;
		border-radius: @border-radius-large;
		padding: 0 28px;
		.@{calendar-picker-prefix-cls}-cell {
			&:hover {
				.@{calendar-prefix-cls}-date {
					background: @calendar-item-hover-bg;
				}
			}

			&-selected,
			&-selected:hover {
				.@{calendar-prefix-cls}-date,
				.@{calendar-prefix-cls}-date-today {
					background: @calendar-item-active-bg;

					.@{calendar-prefix-cls}-date-value {
						color: @primary-color;
					}
				}
			}
		}

		// Cell date
		.@{calendar-prefix-cls}-date {
			// @border-color-split;
			border-top: 2px solid @gray-10-hover;
		}
		.@{ant-prefix}-picker-month-panel .@{ant-prefix}-picker-cell .@{ant-prefix}-picker-cell-inner {
			width: auto;
		}
	}
}
.@{ant-prefix}-picker-calendar-mini .@{ant-prefix}-picker-content th {
	line-height: @layout-height-5;
}