Question Library - Date Picker | XM Community
Question

Question Library - Date Picker

  • 24 January 2024
  • 2 replies
  • 23 views

Userlevel 6
Badge +5

Hi Everyone

Hope you’re well.

Via the question library, I have selected this option.

Which gives me this.

 

I would ideally like to make this fit the theme of the survey and change some design elements.

How can I?

  • Change the background colour.
  • Make it full width.
  • Possibly reduce the height.
  • Hide the date selection box.
  • And generally just have more control over how it looks.

As always thanks for your help.

👊


2 replies

Userlevel 3
Badge +11

I’m not sure if this example is using Flatpickr?

You should be able to change at least some of the parameters via CSS.

I would also urge you to have a look at Flatpickr:

https://flatpickr.js.org/examples/

This allows you do so a lot more with both the formatting and controlling the dates you can select.

Userlevel 3
Badge +11

And I missed one thing: In the FlatPickr setup, the date selection box is only visible until you select the date. Once you click on a date, the date selection box disappears again. So one more reason to use Flatpickr :)

Leave a Reply