\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 ?",[2994,2997],{"name":2995,"color":2996},"question","d876e3",{"name":2929,"color":2930},3764,"How to control Calendar outside the component","2025-04-22T13:17:18Z","https://github.com/nuxt/ui/issues/3764",0.7448546,{"labels":3004,"number":3014,"owner":2904,"repository":2904,"state":2945,"title":3015,"updated_at":3016,"url":3017,"score":3018},[3005,3007,3010,3011],{"name":2969,"color":3006},"8DEF37",{"name":3008,"color":3009},"discussion","538de2",{"name":2983,"color":2984},{"name":3012,"color":3013},"🍰 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":3020,"labels":3021,"number":3023,"owner":2904,"repository":2935,"state":2945,"title":3024,"updated_at":3025,"url":3026,"score":3027},"### 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```",[3022],{"name":2995,"color":2996},2715,"Using Headless UI CSS modifiers inside Nuxt app","2024-11-21T17:07:05Z","https://github.com/nuxt/ui/issues/2715",0.7479385,["Reactive",3029],{},["Set"],["ShallowReactive",3032],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f_r1F7GBqQZwjAuB76gZfm1XX98bcsz1HyuqkCtKMUKE":-1},"/nuxt/ui/2533"]