(Deprecated) date picker CSS 클래스 v1

Deprecated

CSS 클래스

데이트 피커 클래스

타임 피커를 제외한 CSS클래스는

캘린더 컴포넌트의 클래스 규칙을 그대로 따릅니다.

또한 데이트 피커에서 선택 가능한 날짜들은 옵션에서 지정한 selectableClassName 값이 클래스로 추가 등록됩니다.

타임 피커 클래스

1. 전체 테이블의 클래스 timepicker

2. 테이블의 컬럼 클래스 (스핀박스 가 있거나 :, AM/PM 이 적혀있는 컬럼) timepicker-column

3. 스핀박스의 UP/DOWN 버튼의 클래스 timepicker-btn timepicker-btn-up, timepicker-btn timepicker-btn-down 입니다.

Example

• 타임피커

.timepicker {
    width: 150px;
    font-weight: bold;
    padding: 3px;
    border: 1px solid #eaeaea;
    background: white;
    text-align: center;
}

.timepicker input {
    font-size: 12px;
    text-align: center;
    border: transparent;
}

.timepicker .timepicker-btn {
    width: 3em;
    margin:0 1em 0 1em;
    background-color: transparent;
    border: 1px solid #eaeaea;
}