Search code examples
componentsvaadindaterangepickervaadin-flowvaadin14

Broken design and and not clearly visible dash in EnhancedDateRangePicker Vaadin 14 component

There are two problems that I have using the EnhancedDateRangePicker in Vaadin 14(source: https://vaadin.com/directory/component/date-range-picker):

The design is broken when I add the component somewhere in a layout but that happens only when I add a label. If I don't the design is as expected to be. Here is a screenshot to see what exactly happens - enter image description here

The other problem is that the dash is not visible clearly in this color(light gray I think). Is there a way to change the color of the dash?

Could you please tell me is there any way to make the design as I mentioned in the above two points?

Thanks in advance :).

Solution

  • The problem is solved. It's not the problem with the component, it is actually the Theme which we are using in our projects and the component just overrides the theme styles and that brokes the component. When I put it in a blank page there is no problem. Thanks you all very much for the effort :).