CSS日歷控件是一種使用CSS樣式表來定義日歷界面的工具，它可以用于網站或應用程序中，方便用戶選擇日期或者展示日歷。

.calendar-wrapper {
display: flex;
flex-direction: column;
width: 300px;
border: 1px solid #ccc;
}
.month-header {
display: flex;
justify-content: space-between;
align-items: center;
height: 50px;
background-color: #f5f5f5;
font-size: 18px;
font-weight: bold;
padding: 0 10px;
}
.month-header span {
cursor: pointer;
}
.calendar-grid {
display: grid;
grid-template-columns: repeat(7, 1fr);
justify-items: center;
}
.calendar-day {
height: 30px;
width: 30px;
display: flex;
justify-content: center;
align-items: center;
}
.calendar-day:last-child {
color: #ccc;
}
.calendar-day.selected {
background-color: #007acc;
color: #fff;
}

以上是一個簡單的CSS日歷控件樣式代碼，它定義了一個日歷外層容器、月份頭部、日期網格以及每一個日期顯示單元格。

其中，月份頭部使用了flex布局，用于展示當前月份和切換上下月功能。而日期網格則使用了grid布局，方便排列每一天的日期顯示單元格。

同時，在日期顯示單元格中，我們可以使用CSS選擇器[target="_blank"]來實現對選中日期的樣式設置，可以讓用戶更直觀地了解當前選中的日期。

總的來說，CSS日歷控件是一種簡潔、易用的工具，可以在網站或應用程序中廣泛應用，為用戶帶來更好的體驗。