cant customize button classes

[luisrudge]

No description provided.

[jossmac]

Hi @luisrudge,

The buttons use very specific classes so they don't conflict with any existing button styles.

Perhaps the buttons should use predefined variables that can be easily updated?

[luisrudge]

maybe it should receive via props

[jossmac]

I just can't see it being helpful, remembering of course that the buttons have two different states when in a single calendar VS multi-picker.

Could you explain a use case for this?

[luisrudge]

the use case is when you're using bootstrap, for example and you want to add a specific set of classes

[jossmac]

If you take a look at the single date picker and the multi date picker side-by-side you'll notice that the footer buttons are very different

Applying bootstrap classes, for instance btn btn-primary, would only work for the multi picker - making the single picker footer buttons break.

I think a more prudent solution might be to write a small bit of CSS, leveraging LESS's ability to use classes as mixins:

.multi-picker .DateSelectFooter__button--primary {
  .btn();
  .btn-primary();
}

[luisrudge]

I'm talking about this button. Not the buttons inside the picker itself

[jossmac]

Oh right!

The trigger element will be completely arbitrary with the updates @dcousens is making in the refacto branch.

Sorry for the confusion, closing

---

Important:

When you're creating issues in the future please use specific issue names, and write a detailed description.