For placeholder, check these CSS selectors: https://www.geeksforgeeks.org/change-an-html5-input-placeholder-color-with-css/

For the other elements, use the browser developer tools to find the element you must target

I guess its something like a database for your AE?

Seems very good, will try It later

No problem, ping me when you need help

There’s an app extension for the QCalendar component, but its in pre alpha, we just have to wait

There is also https://v1.quasar-framework.org/style/visibility#Window-Width-Related

Which is simplier

I dont understand your use case… maybe the way is to binding context to the function to call, so you can use this.$router directly, but its weird

I guess you can import the router instance from the route definition file and just use it

To use the same color as bg-red you have to import quasar variables into your style file

The className prop is applied on QDialog root, so you must create a CSS targeting your className and a child .q-dialog__inner > .q-card

e.g.

className: 'dialog-bg-red',

CSS:
.dialog-bg-red .q-dialog__inner > .q-card {
   background-color: #000;
}