Width of start and end fields

[Morten]

Hello support,

which is the best way to set the width of the start and end input fields of a data range picker?

Best regards

Morten

 

[Georgi]

Hi Morten,

By default we set the width of the inputs using css. Thus, I would recommend you to use the same approach to set custom widths.

e.g.

    #daterangepicker .k-textbox-container{
      width:300px;
    }

Below you will find a small sample which demonstrates the above approach:

• https://dojo.telerik.com/ufaRERUg

I hope this helps.

Regards,
Georgi
Progress Telerik

[Randy]

FYI, I just used this CSS to make the date range picker start date and end date fields remain on the same line yet be 100% width. This worked nicely in a Bootstrap column.

/* Make the date range picker full width */
.k-daterangepicker {
    display: flex !important;
}

.k-daterangepicker .k-textbox-container {
     width: 100%;