Start and enddate inputs

1 Answer 10 Views
DateRangePicker
Fit2Page
Top achievements
Rank 2
Bronze
Iron
Iron
Fit2Page asked on 24 Jul 2025, 11:40 AM

Hi,

 

How can we display the input boxes for start- and enddate dates vertically instead of horizontally?

 

Marc

1 Answer, 1 is accepted

Sort by
0
Rumen
Telerik team
answered on 24 Jul 2025, 01:18 PM

Hi Marc,

You can achieve the desired layout using the following CSS selectors:

    <style>
        .RadDateRangePicker {
            display: block;
            width: 100%;
        }

        .RadDateRangePicker > .RadPicker {
            display: block;
            width: 100%;
        }

        .RadPicker .RadInput {
            width: 100%;
        }

        #timeslot .riLabel {
            padding-left: 0px;
        }
    </style>

The result:

Regards,
Rumen
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources
Fit2Page
Top achievements
Rank 2
Bronze
Iron
Iron
commented on 29 Jul 2025, 06:49 AM

Hi Rumen,

 

Thank you for support, this works OK.

 

Regards,

Marc

Tags
DateRangePicker
Asked by
Fit2Page
Top achievements
Rank 2
Bronze
Iron
Iron
Answers by
Rumen
Telerik team
Share this question
or