I created this pen as an example of how can your q-date component go from a mutiple selection to a range selection. In this case I clean the v-model every time is clicked the unselected q-radio. Hope you enjoy this, it,s my first Show & Tell.
https://codepen.io/codeThirsty/pen/yLapXQG

I was helping a friend and she needed to control the ways of filling the v-model of her q-date component a little bit different. So I made this pen for her but I also wanted to share it with this forum. Here goes the pen.

https://codepen.io/codeThirsty/full/YzGeZQQ

@dobbel said in Q-input hidding the clock:

input[type=“time”]::-webkit-calendar-picker-indicator {
background: none;
}

thanks @dobbel . I couldn’t reach that class. Now thanks to you i got the bull by the horns. With

background:none;

the place where the clock was is still used. So I used

input[type="time"]::-webkit-calendar-picker-indicator {
    display: none;
}

and the space is displayed no more. Thanks again!

When the input is type=‘time’ a little clock appears like a wild pokemon on the right. How can i hide this elusive icon.
Thanks

I was helping a friend and she needed to control the ways of filling the v-model of her q-date component a little bit different. So I made this pen for her but I also wanted to share it with this forum. Here goes the pen.

https://codepen.io/codeThirsty/full/YzGeZQQ

@beets Thanks beets, you save me once again

I am trying to work in a pen using the cdn https://cdn.jsdelivr.net/npm/quasar@1.14.7/dist/quasar.umd.min.js. This allows me to use all the quasar components, but i am missing the way to acces to utils like date. I usually do this

import {date} from 'quasar'

but I need to know how to use the Date Utils in here

new Vue({
  el: '#q-app',  
  data () {
    return {
      days: [],
     
    },
  methods: {
      dateWork () {
             let dateString = new Date()
              return date.isValid(dateString)
        }
  }
)}

@七分醒 That number can be remove if you set the $q.notify attribute ‘group’ to false. Here goes an example

this.$q.notify({
     group: false,
     message: 'Theese are not the droids you are looking for',
     color: 'amber-9',
     icon: 'search'
   })

Now the default behavior of the $q.notify is to slide up insted of stack

I created this pen as an example of how can your q-date component go from a mutiple selection to a range selection. In this case I clean the v-model every time is clicked the unselected q-radio. Hope you enjoy this, it,s my first Show & Tell.
https://codepen.io/codeThirsty/pen/yLapXQG

@beets @dobbel I think even so mail validation should be canonical and should be start by the client side.

Yes, @beets it works perfectly, thanks man!

@beets thanks i will check it out