TimeShift component aligned.

      :format="timeFormat"

      v-model="time"

    ></vue-timepicker>

    <pencil-icon class="confirm icon" @click="onWriteActiveImage" />

    <check-icon class="confirm icon" @click="onWriteActiveImage" />

  </div>

</template>

import VueDatepicker from 'vue2-datepicker'

import 'vue2-datepicker/index.css'

import DatasetService from '@/services/DatasetService'

import PencilIcon from 'icons/Pencil'

import CheckIcon from 'icons/Check'

export default {

  name: 'TimeShift',

  components: {

    VueTimepicker,

    VueDatepicker,

    PencilIcon

    CheckIcon

  },

  props: {

    cameraID: {

<style lang="scss" scoped>

.container {

  display: grid;

  grid-template-rows: 1fr 1fr;

  grid-template-rows: auto auto;

  grid-template-columns: auto 30px;

  grid-template-areas:

    'date date'

    'date .'

    'time confirm';

}

.date {

  grid-area: date;

  width: auto;

}

.time {