DateTime Picker; Dates are Wrapping before Saturday



  • Hello, and thanks in advance for any help anyone can provide on this. It seems my dates are not lining up with the correct day column in the DateTime Picker. It almost looks like the dates are wrapping to the next row within the element just before the Saturday Column. I looked at all the properties and do not think i’m missing anything. I’ve also updated to the latest framework thinking this was an existing bug, but no luck. Any help would be great, Thanks!

    0_1546988754512_fed03cd3-3471-4073-a072-a19bf05310fc-image.png

    <template slot="top-left" slot-scope="props">
      <q-datetime
      :id="incidentDate"
      v-model="dateModel"
      placeholder="Date"
      type="date"
      v-on:input="getIncidents"
      minimal="true"
      />
      &nbsp;&nbsp;&nbsp;&nbsp;
      &nbsp;&nbsp;&nbsp;&nbsp;
      &nbsp;&nbsp;&nbsp;&nbsp;
      <q-datetime
      :id="timeFrom"
      v-model="timeFromModel"
      placeholder="From Time"
      format24h="true"
      clearable="true"
      type="time"
      v-on:input="getIncidents"
      clear-value=""
      />
      &nbsp;&nbsp;&nbsp;&nbsp;
      &nbsp;&nbsp;
      <q-datetime
      :id="timeto"
      v-model="timeToModel"
      placeholder="To Time"
      format24h="true"
      clearable="true"
      type="time"
      v-on:input="getIncidents"
      clear-value=""
      />
      &nbsp;&nbsp;&nbsp;&nbsp;
      &nbsp;&nbsp;&nbsp;&nbsp;
      &nbsp;&nbsp;&nbsp;&nbsp;
      <q-select
        :id="callTypeControl"
        v-model="callTypeSelectModel"
        :options="callTypeOptionsModel"
        placeholder="Call Type"
        clearable="true"
        v-on:input="getIncidents"
        clear-value=""
      />
    
      &nbsp;&nbsp;&nbsp;&nbsp;
      &nbsp;&nbsp;&nbsp;&nbsp;
      &nbsp;&nbsp;&nbsp;&nbsp;
    
    
      <q-search
        hide-underline
        color="secondary"
        v-model="incidentNumber"   
        placeholder="Search by Incident #"
        v-on:input="getIncidents"
        clearable="true"
      />
    
      <q-search
        hide-underline
        color="secondary"
        v-model="filter"
        class="col-6"
        placeholder="Filter on Keyworks in Address and Comments"
        clearable="true"
      />
    
    </template>