By UX it’s better to place changing the view on the top, not on the bottom of the table.

@metalsadman thank you so much! Works perfect

@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.

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?

@metalsadman thanks, that solved my issue. Really forgot the idea behind the v-model.

Do you mean to generate table in those formats you have listed on the client-side and to return as downloadable objects?

Is there a way to implement input select dropdown with the multiple columns, similar to this one or it’s better to use own component based on the fieldset + dropdown?

It’s possible to use webpack with IDEA IDE: https://www.jetbrains.com/help/idea/using-webpack.html
Just set separate webpack.js file and include it into the quasar.conf.js

Yes, I remember I was first time confused about src alias, but now I’m ok with it, as mainly working with quasar-only.

Main issue I have that IDE (intellij) always trying to use relative paths for the modules. Probably it’s possible to configure it somewhere, but by this moment I’m fixing that by hands.

@s-molinari thanks for suggesting. Checked the source code and there are already a solution using the function moveOptionSelection.

So in total place this into a method:

      if (!this.$refs.startTime.value) {
        this.$nextTick(() => {
          this.$refs.start.moveOptionSelection(20, false)
        })
      }

And call it from select:

          ref="startTime"
          @popup-show="setStartTimeToMiddle"

@iamike have you solved this issue?