\n```\n\nI tried to check `this.$refs.customCalendar` if I could find any exposed method, but got nothing.\n\nDo you know how and if this is feasible ?",[3244,3247],{"name":3245,"color":3246},"question","d876e3",{"name":3179,"color":3180},3764,"How to control Calendar outside the component","2025-04-22T13:17:18Z","https://github.com/nuxt/ui/issues/3764",0.74485457,{"labels":3254,"number":3264,"owner":3154,"repository":3154,"state":3195,"title":3265,"updated_at":3266,"url":3267,"score":3268},[3255,3257,3260,3261],{"name":3219,"color":3256},"8DEF37",{"name":3258,"color":3259},"discussion","538de2",{"name":3233,"color":3234},{"name":3262,"color":3263},"🍰 p2-nice-to-have","0E8A16",14075,"allow specifying `redirect` in `definePageMeta`","2023-01-19T17:23:30Z","https://github.com/nuxt/nuxt/issues/14075",0.7449938,{"description":3270,"labels":3271,"number":3273,"owner":3154,"repository":3185,"state":3195,"title":3274,"updated_at":3275,"url":3276,"score":3277},"### For what version of Nuxt UI are you asking this question?\n\nv2.x\n\n### Description\n\nIs there any way to use [Headless UI CSS modifiers](https://headlessui.com/v1/vue/disclosure#using-data-attributes) in a Nuxt app, `ui-open`, to control the set of css classes?\n\n```vue\n\u003Cscript setup lang=\"ts\">\nimport { Disclosure, DisclosureButton, DisclosurePanel } from '@headlessui/vue';\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv>\n \u003CDisclosure>\n \u003CDisclosureButton>\n \u003Cdiv class=\"text-red-500 ui-open:text-cyan-700\">Button\u003C/div>\n \u003C/DisclosureButton>\n \u003CDisclosurePanel>Text\u003C/DisclosurePanel>\n \u003C/Disclosure>\n \u003C/div>\n\u003C/template>\n```",[3272],{"name":3245,"color":3246},2715,"Using Headless UI CSS modifiers inside Nuxt app","2024-11-21T17:07:05Z","https://github.com/nuxt/ui/issues/2715",0.7479385,["Reactive",3279],{},["Set"],["ShallowReactive",3282],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f_r1F7GBqQZwjAuB76gZfm1XX98bcsz1HyuqkCtKMUKE":-1},"/nuxt/ui/2533"]