Question 1

How do I change the colors of Duet Date Picker?

Accepted Answer

Override CSS custom properties like --duet-color-primary by copying the default theme variables into your stylesheet and adjusting the values, as detailed in the theming section. You must not import the default CSS if customizing.

Question 2

Duet Date Picker vs React Date Picker libraries: which should I use?

Accepted Answer

Duet excels in accessibility and works across frameworks, while React-specific libraries like react-datepicker offer tighter React integration and more features out-of-the-box. Choose Duet for multi-framework projects or strict WCAG compliance.

Question 3

How to disable weekends in Duet Date Picker?

Accepted Answer

Use the isDateDisabled property to pass a function that checks if a date falls on a weekend. Example code is provided in the 'Control which days are selectable' section, but note that manual input validation is still required.

Question 4

Does Duet Date Picker support server-side rendering?

Accepted Answer

Yes, via a hydrate app that works with Node.js, as shown in the server-side rendering section with an Eleventy example. However, it requires additional setup and may not be straightforward for all SSR frameworks.

Question 5

How to handle date validation with Duet Date Picker?

Accepted Answer

Set min and max properties for basic constraints, and use custom logic with isDateDisabled or event listeners like duetChange for more complex validation, as demonstrated in the control section. You must handle invalid manual entries separately.

Question 6

Is Duet Date Picker compatible with Internet Explorer?

Accepted Answer

Yes, but it requires polyfills for IE11 and Edge 17+, which need to be manually applied using the applyPolyfills() function, adding complexity and potential performance overhead.

Duet Date Picker

What is Duet Date Picker?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions