Calendar CSS
{ view:"calendar" }
{ view:"calendar", type:"time" }
| Calendar CSS | |
|---|---|
| CSS class | element |
| .webix_cal_month | the 'month' section of the calendar |
| .webix_cal_month_name | the name of the month and year |
| .webix_cal_next_button | the 'next' button |
| .webix_cal_prev_button | the 'previous' button |
| .webix_cal_header | the header of the calendar |
| .webix_cal_week_header | the week header of the calendar |
| .webix_cal_body | the body of the calendar or time view |
| .webix_cal_row | the row of the calendar (week) |
| .webix_cal_week_num | the week number of the calendar |
| .webix_cal_day.webix_cal_today | current day slot |
| .webix_cal_day.webix_cal_select | selected day slot |
| .webix_cal_day.webix_cal_outside.webix_cal_event | the day of the neighbouring month in the calendar (weekend) |
| .webix_cal_day.webix_cal_outside | the day of the neighbouring month in the calendar (weekday) |
| .webix_cal_day | any weekday of the month |
| .webix_cal_day_inner | the inner element of calendar days |
| .webix_cal_day.webix_cal_event | weekend on the calendar |
| .webix_cal_day.webix_cal_day_disabled | disabled day |
| .webix_cal_footer | footer of the calendar (area below calendar body) |
| .webix_cal_time | timepicker area in the calendar footer |
| .webix_icon.wxi-clock | "clock" icon in the timepicker |
| Time view CSS | |
| css class | element |
| .webix_time_header | header of the time view |
| .webix_cal_minutes | "minutes" part in the time view header |
| .webix_cal_hours | "hours" part in the time view header |
| .webix_hours | "hours" part in the time view body |
| .webix_minutes | "minutes" part in the time view body |
| .webix_cal_block | any hour slot |
| .webix_cal_block.webix_selected | selected hour slot |
| .webix_cal_block.webix_cal_day_disabled | disabled hour slot |
| .webix_cal_block_empty | "am/pm" identifier in the calendar body |
| .webix_cal_block.webix_cal_block_min | any minute slot |
| .webix_cal_block.webix_cal_block_min.webix_selected | selected minute slot |
| .webix_time_footer | footer of the time view |
| .webix_cal_block.webix_cal_block_min.webix_cal_day_disabled | disabled minute slot |
| .webix_cal_done | "Done" button in month selection part or time view |
Read more about Calendar
Back to top