Date Time Picker not responsive

[moshetanzer]

Hi,

The date picker component is unusable on mobile portrait view.

See screenshot below.

Not sure which repo it is best open this in

[moshetanzer]

Would you be happy to include a libary like https://github.com/nathanreyes/vue-screen-utils to make it responsive as suggested by v-calandar creator (another one of his libs) :) - or something custom? Also, should this not be implemented in ui docs whatever decicision is?

[benjamincanac]

Should be better now 😊 I've used useBreakpoints from VueUse, it avoids installing another dependency.

[moshetanzer]

neat ;) are you going to add to example on nuxt ui? or not necessary?

On Wed, Feb 28, 2024 at 12:10 PM Benjamin Canac @.***> wrote:

Should be better now 😊 I've used useBreakpoints https://vueuse.org/core/useBreakpoints/#usebreakpoints from VueUse, it avoids installing another dependency.

— Reply to this email directly, view it on GitHub https://github.com/nuxt-ui-pro/dashboard/issues/5#issuecomment-1968647043, or unsubscribe https://github.com/notifications/unsubscribe-auth/ATTEVLKFXLBPRFI2X25QW5DYV367TAVCNFSM6AAAAABD32CFDCVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSNRYGY2DOMBUGM . You are receiving this because you authored the thread.Message ID: @.***>

[benjamincanac]

I've updated the examples on @nuxt/ui: https://github.com/nuxt/ui/commit/7dd9ee528e3496fe357d9734904bf5e8bd8c8c89

[moshetanzer]

great! Keep it up!

On Wed, Feb 28, 2024 at 5:31 PM Benjamin Canac @.***> wrote:

I've updated the examples on @nuxt/ui: @.*** https://github.com/nuxt/ui/commit/7dd9ee528e3496fe357d9734904bf5e8bd8c8c89

— Reply to this email directly, view it on GitHub https://github.com/nuxt-ui-pro/dashboard/issues/5#issuecomment-1969235286, or unsubscribe https://github.com/notifications/unsubscribe-auth/ATTEVLNI6XY3SZ7YIUO2PQDYV5ETLAVCNFSM6AAAAABD32CFDCVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMYTSNRZGIZTKMRYGY . You are receiving this because you authored the thread.Message ID: @.***>