Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

CSS class on calendar when dates are selectable

See original GitHub issue

Feature Requests

Currently you have to watch the value of the selectable option if you want to toggle a custom class related to it. A native ‘fc-selectable’ class toggled on the fullcalendar root node could be nice.

fullcalendar already do it with fc-unselectable. Just a question about it, why is it set on the <body> tag instead of the fullcalendar root node ?

Issue Analytics

State:
Created 4 years ago
Comments:5 (2 by maintainers)

Top GitHub Comments

1reaction

EinarValhollcommented, May 18, 2020

@acerix are you aware that .fc-unselectable class and preventing selectstart events via el.addEventListener('selectstart', preventDefault); prevents user from any interaction on custom components generated instead of default one? E.g. in case of event template has some form it’s not possible to focus on those fields?

0reactions

madmoizocommented, Apr 12, 2019

Indeed, It will give the opportunity to add styles depending on a fullcalendar’s state without requiring a custom implementation. It’s useful if, for example, you want to share a custom theme for fullcalendar.

Top Results From Across the Web

Calendar Marked day classes Example | Mobiscroll

JQuery calendar with customizable day marks & shapes. Use triangles, squares, circles with custom CSS rules.

Set DatePicker calendar cell color on selectable dates only

1 Answer 1 ... This will make sure your CSS more specific, so it will take precedence over the built-in CSS. ... where...

Calendar picker - Metro UI :: Popular HTML, CSS and JS library

Organize date selection for the user with the calendar picker component. The most popular HTML, CSS, and JS library in Metro style.

DateRangePicker / How To / Customization using CSSClass

e-prev, Applied to Calendar previous icon. ; e-next, Applied to Calendar next icon. ; e-weekend, Applied to Calendar weekend dates. ; e-other-month, Applied...

Custom Date Picker in JavaScript & CSS - YouTube

Learn how to code a completely customizable date picker in JavaScript & CSS. We use the power of js loops, event listeners, CSS...