Calendar CSS

{ view:"calendar" }

{ view:"calendar", type:"time" }

Calendar CSS
CSS class element
.webix_cal_month the 'month' section of the calendar
.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_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_dayany weekday of the month
.webix_cal_day.webix_cal_event weekend on the calendar
.webix_cal_day.webix_cal_select.undefined selected day
.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.fa-clock-o "clock" icon in the timepicker
.webix_cal_done "Done" button in month selection part or time view
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

Read more about Calendar

Back to top