Days with custom color

[SabbeAndres]

Wouldn't it be a great idea if you could pass an array of days to the calendar and show them with a custom color? So basically you would become the following:

What do you think about this idea?

[Eonasdan]

Yes I would like to do this at some point. I've recently added some hooks for input parsing. I was thinking about adding some "painting" hooks to allow people to add classes to dates.

[Eonasdan]

In the meantime, you could try attaching the colors to via the data attributes. All the days have the date there.

[Eonasdan]

I'm going to add a paint function that can be overwritten like this:

datetimepicker1._display.paint = (unit, date, classes) => {
        if (unit === tempusDominus.Unit.date) {
          if (date.isSame(new tempusDominus.DateTime(), unit)) {
            classes.push('special-day');
          }
        }

[SabbeAndres]

Thanks, Looks great! It gives us a lot of customization abilities.

[Eonasdan]

Hello, please check the development branch. This should be fixed. You can test it out on stackblitz.

datetimepicker1.display.paint = (unit, date, classes) => {
          if (unit === tempusDominus.Unit.date) {
            if (date.isSame(new tempusDominus.DateTime().manipulate(1, 'date'), unit)) {
              classes.push('special-day');
            }
          }
        }

There's also a plugin example if you want to go that route.