Question T16129
Visible to All Users

Custom Date Question Type

created a year ago (modified a year ago)

Hello,

I am trying to make a custom single input question of type date in my survey. I basically want to redesign the current standard button SurveyJS has. I was able to change things like the background color and border radius with this: https://surveyjs.io/form-library/examples/customize-survey-with-css/reactjs#content-code. However, I don't know where to go from here to change the order of the 'date text' and the logo. I need the date input question to look like the image attached to this question.

Thank you!

Answers approved by surveyjs Support

created a year ago

Hello Sagar,
Are you talking about inputType property equals to "date"? We are using the standard html input type. Browsers render date input and it very different for different browsers. I am not sure we can control it.

Thank you,
Andrew
SurveyJS Team

    Comments (2)

      Yes, I am talking about the single input questions of type date. So there is no direct way of changing the design of the input box or the calendar itself? Are there any workarounds that I could use to achieve the results I want? To reiterate:
      I want this: Clipboard-File-1.png
      to look like this or as close as I can get it: Clipboard-File-2.png

      Thank you.

      AT AT
      Andrew Telnov a year ago

        Hello Sagar,
        Unfortunately you can't. There is no specification in HTML to do it and every browser does it in it's own way. You can google it. Here is the Q/A on stackoverflow.

        Thank you,
        Andrew
        SurveyJS Team