Add "confirm" button to close the component

src/components/input/datepicker.vue

@@ -96,6 +96,13 @@
 					class="input"
 					v-model="flatPickrDate"
 				/>
+
+				<a
+					class="button is-outlined is-primary has-no-shadow is-fullwidth"
+					@click="close"
+				>
+					Confirm
+				</a>
 			</div>
 		</transition>
 	</div>
@@ -193,10 +200,13 @@ export default {
 					return
 				}
 
-				this.show = false
-				this.$emit('close')
+				this.close()
 			}
 		},
+		close() {
+			this.show = false
+			this.$emit('close')
+		},
 		setDate(date) {
 			if (this.date === null) {
 				this.date = new Date()

src/styles/components/datepicker.scss

@@ -49,6 +49,11 @@
 				width: 2rem;
 				text-align: center;
 			}
+
+			&.button {
+				margin: 1rem;
+				width: calc(100% - 2rem);
+			}
 		}
 
 		.flatpickr-calendar {