This is a migrated thread and some comments may be shown as answers.

Width of start and end fields

1 Answer 17 Views
DateRangePicker
This is a migrated thread and some comments may be shown as answers.
Morten
Top achievements
Rank 1
Veteran
Morten asked on 28 Sep 2019, 04:58 AM

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

 

1 Answer, 1 is accepted

Sort by
0
Georgi
Telerik team
answered on 01 Oct 2019, 11:40 AM

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:

I hope this helps.

Regards,
Georgi
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Randy
Top achievements
Rank 1
commented on 04 Oct 2021, 05:42 AM

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%;
Tags
DateRangePicker
Asked by
Morten
Top achievements
Rank 1
Veteran
Answers by
Georgi
Telerik team
Share this question
or