Cannot find documentation for showcase

[Gabriel]

Hi Syncfusion team,

I am currently implementing the DateRangePicker Component in my project, I dont have any issues there, but while researching I stumbled accross the showcase on https://www.syncfusion.com/react-ui-components/react-daterangepicker and wondered, how to configure or style the component in order to look like this:

By simply following the link and the tutorial there, I only managed this format with two calenders side by side: 

Thanks for your response in advance and kind regards,

Gabriel

[Sureshkumar P]

Hi Gabriel, 

 

we have two different types of layouts in our daterangepicker component as like below. 

1.       Desktop view (two calendar layout view) 

2.       Mobile view (single calendar view) 

Also, our daterangepicker popup opens depend upon the view layout resolution. If the view layout resolution width is less than 550px then automatically our popup opens with single popup layout as like mobile view.  

 

If you want to render our daterangepicker popup as like mobile layout then please refer the KB link: https://www.syncfusion.com/kb/10327  

 

Regards, 

Sureshkumar P 

[Gabriel]

Thanks for the help

Refering to your link, how would this look like using the DateTimePickerComponent with react, because the property 'isMobile' is private and only changable in the DatePicker class?

[Sureshkumar P]

Hi Gabriel, 

The provided solution is only support for daterangepickercomponent in react platform not supported in the datetimepicker component.  

 

Please find the sample in the daterangepicker component: https://stackblitz.com/edit/react-jr7qzk  

 

Regards, 

Sureshkumar P