Add date(time) interface (#499)

* Add localized-format util

* Add active prop to v-input

* Add strings for datetime interface

* Add overflow-scroll prop to v-menu

* Add close-on-content-click prop to v-select

* Add datetime interface

* Show display value synced with prop

* Sync value with prop

* Set lang after user hydration

* Add NL date-fns lang to test datetime

* Fix locale fetching in date-fns

* Dont stage value if year isnt fully filled out

* Localize date fns based on shared util

* Handle type, render type based display

* Don't use exact on v-list-item

* Pass type to interface on v-form

src/lang/en-US/index.json

@@ -92,6 +92,30 @@
 
 	"submit": "Submit",
 
+	"datetime": "DateTime",
+	"date-fns_date": "PPP",
+	"date-fns_time": "K:mm a",
+	"month": "Month",
+	"date": "Date",
+	"year": "Year",
+
+	"months": {
+		"january": "January",
+		"february": "February",
+		"march": "March",
+		"april": "April",
+		"may": "May",
+		"june": "June",
+		"july": "July",
+		"august": "August",
+		"september": "September",
+		"october": "October",
+		"november": "November",
+		"december": "December"
+	},
+
+	"set_to_now": "Set to Now",
+
 	"name": "Name",
 	"primary_key_field": "Primary Key Field",
 	"type": "Type",
@@ -670,20 +694,6 @@
   "max_size": "Max Size: {size}",
   "mixed": "Mixed",
   "more_options": "More options",
-  "months": {
-    "january": "January",
-    "february": "February",
-    "march": "March",
-    "april": "April",
-    "may": "May",
-    "june": "June",
-    "july": "July",
-    "august": "August",
-    "september": "September",
-    "october": "October",
-    "november": "November",
-    "december": "December"
-  },
   "my_activity": "My Activity",
   "my_profile": "My Profile: {name}",
   "name_bookmark": "What would you like to name this bookmark?",

src/lang/nl-NL/index.json

@@ -48,6 +48,8 @@
   "collection_names_cannot_be_changed": "Collectie namen kunnen niet gewijzigd worden.",
   "collection_removed": "Collectie verwijderd",
   "collection_updated": "Collectie Geüpdatet",
+	"date-fns_date": "PPP",
+	"date-fns_time": "HH:mm",
   "collections_and_fields": "Collecties & Velden",
   "collections": {
     "directus_activity": "Activiteit",