2020-05-15 09:07:59 +00:00
|
|
|
<script>
|
2020-11-12 00:09:44 +00:00
|
|
|
import { GlDatepicker, GlFormInput } from '@gitlab/ui';
|
2020-05-15 09:07:59 +00:00
|
|
|
|
|
|
|
export default {
|
|
|
|
name: 'ExpiresAtField',
|
2020-11-12 00:09:44 +00:00
|
|
|
components: { GlDatepicker, GlFormInput },
|
|
|
|
props: {
|
|
|
|
inputAttrs: {
|
|
|
|
type: Object,
|
|
|
|
required: false,
|
|
|
|
default: () => ({}),
|
|
|
|
},
|
|
|
|
},
|
|
|
|
data() {
|
|
|
|
return {
|
|
|
|
minDate: new Date(),
|
|
|
|
};
|
|
|
|
},
|
2020-05-15 09:07:59 +00:00
|
|
|
};
|
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
2020-11-12 00:09:44 +00:00
|
|
|
<gl-datepicker :target="null" :min-date="minDate">
|
|
|
|
<gl-form-input
|
|
|
|
v-bind="inputAttrs"
|
|
|
|
class="datepicker gl-datepicker-input"
|
|
|
|
autocomplete="off"
|
|
|
|
inputmode="none"
|
|
|
|
data-qa-selector="expiry_date_field"
|
|
|
|
/>
|
2020-05-15 09:07:59 +00:00
|
|
|
</gl-datepicker>
|
|
|
|
</template>
|