How to show QDate within the QInput using QPopupProxy when width of QInput is larger than QDate
-
How to show QDate within the QInput using QPopupProxy in case if QInput has width more than QDate?
Please see an example:
https://codepen.io/dmitry-polushkin/pen/GRoOQMV
Is there are any way to control with of the q-popup-proxy?
Maybe you can suggest some other solutions? -
@dmitry-polushkin Please see the demo.
https://codepen.io/Stanley-549393092/pen/LYGeZMV -
@Stanley doesn’t work as expected.
I need to open dialog box when I click on the input, not on the icon.
It opens in a dialog box only when the height is too small, when it’s desktop it opens as dropdown with element full width:No way to change the width of the calendar container.
-
@dmitry-polushkin there’s a warning above this link
https://quasar.dev/vue-components/popup-proxy#QPopupProxy-API
, also take a look intobreakpoint
prop, as it sets what mode it will take based on the screen width. -
@metalsadman thank you so much! Works perfect