Refactoring

src/Datetime.vue

@@ -30,7 +30,7 @@
 <script>
 import { DateTime } from 'luxon'
 import DatetimePopup from './DatetimePopup'
-import { clearTime } from './util'
+import { datetimeFromISO, clearTime } from './util'
 
 export default {
   components: {
@@ -93,19 +93,15 @@ export default {
   },
 
   data () {
-    const datetime = DateTime.fromISO(this.value).toUTC()
-
     return {
       isOpen: false,
-      datetime: datetime.isValid ? datetime : null
+      datetime: datetimeFromISO(this.value)
     }
   },
 
   watch: {
     value (newValue) {
-      const datetime = DateTime.fromISO(newValue).toUTC()
-
-      this.datetime = datetime.isValid ? datetime : null
+      this.datetime = datetimeFromISO(newValue)
     }
   },
 

src/util.js

@@ -5,6 +5,12 @@ export function capitalize (string) {
   return string.charAt(0).toUpperCase() + string.slice(1)
 }
 
+export function datetimeFromISO (string) {
+  const datetime = DateTime.fromISO(string).toUTC()
+
+  return datetime.isValid ? datetime : null
+}
+
 export function monthDays (year, month) {
   const monthDate = DateTime.local(year, month, 1)
   const firstDay = monthDate.weekday - 1