🆕 validation added

Author: scottnath

index.js

@@ -19,24 +19,15 @@ module.exports = {
     datetimeValidation: validation,
   },
   inputs: {
-    datetimeDate: {
+    datetime: {
       validation: {
         function: 'datetimeValidation',
         on: 'blur',
       },
       label: 'Date',
-      type: 'date',
-      placeholder: 'Datetime',
-    },
-    datetimeTime: {
-      validation: {
-        function: 'datetimeValidation',
-        on: 'blur',
-      },
-      label: 'Time',
-      type: 'time',
-      placeholder: 'Datetime',
+      type: 'datetime-local',
+      placeholder: new Date().toLocaleDateString(),
     },
   },
-  html: '<label for="{{datetimeDate.id}}">{{datetimeDate.label}}</label><input type="{{datetimeDate.type}}" id="{{datetimeDate.id}}" name="{{datetimeDate.name}}" value="{{datetimeDate.value}}" placeholder="{{datetimeDate.placeholder}}" /><label for="{{datetimeTime.id}}">{{datetimeTime.label}}</label><input type="{{datetimeTime.type}}" id="{{datetimeTime.id}}" name="{{datetimeTime.name}}" value="{{datetimeTime.value}}" placeholder="{{datetimeTime.placeholder}}" />',
+  html: '<label for="{{datetime.id}}">{{datetime.label}}</label><input type="{{datetime.type}}" id="{{datetime.id}}" name="{{datetime.name}}" value="{{datetime.value}}" placeholder="{{datetime.placeholder}}" />',
 };

lib/validation.js

@@ -18,7 +18,13 @@
  *
  * @module datetimeValidation
  */
+const isDate = require('validator/lib/isDate');
+
+
+module.exports = function datetimeValidation(input) {
+  if (input.target.value && !isDate(input.target.value)) {
+    return `${input.target.name} must be a date!`;
+  }
 
-module.exports = function datetimeValidation() {
   return true;
 };

package.json

@@ -21,7 +21,9 @@
     "Rachel White <whiter@us.ibm.com>"
   ],
   "license": "Apache-2",
-  "dependencies": {},
+  "dependencies": {
+    "validator": "^5.7.0"
+  },
   "devDependencies": {
     "ava": "^0.14.0",
     "coveralls": "^2.11.9",

tests/validation.js

@@ -1,29 +1,74 @@
 import test from 'ava';
 import validation from '../lib/validation';
 
+const empty = {
+  target: {
+    name: 'empty',
+    value: '',
+  },
+};
+
 const input = {
   target: {
-    name: 'datetime',
-    value: 'foo bar baz',
+    name: 'good',
+    value: '1972-08-21',
   },
-  all: {
-    datetime: 'foo bar baz',
+};
+
+const bad = {
+  target: {
+    name: 'bad',
+    value: '1972-08-foo',
   },
 };
 
-const settings = {
+const time = {
   target: {
-    empty: false,
+    name: 'with time',
+    value: '1972-08-21T13:00',
   },
-  all: {
-    datetime: {
-      empty: false,
-    },
+};
+
+const timeSpace = {
+  target: {
+    name: 'space in time',
+    value: '1972-08-21 13:00',
   },
 };
 
+const reverse = {
+  target: {
+    name: 'reverse time to date',
+    value: '13:00 1972-08-21',
+  },
+};
+
+// Empty input
+test('empty input', t => {
+  t.true(validation(empty), 'Empty input returns true');
+});
 
-// Valid input
+// Valid date-only input
 test('valid input', t => {
-  t.true(validation(input, settings), 'Valid input returns true');
+  t.true(validation(input), 'Valid input returns true');
+});
+
+// Bad input
+test('bad input', t => {
+  t.is(validation(bad), 'bad must be a date!', 'Bad input returns string');
+});
+
+// Valid date/time input
+test('valid with time input', t => {
+  t.true(validation(time), 'Valid input returns true');
+});
+
+// Valid date/time input
+test('valid with time input', t => {
+  t.true(validation(timeSpace), 'Valid input returns true');
+});
+
+// Revers date/time input
+test('reverse input', t => {
+  t.true(validation(reverse), 'Reverse time/date input returns true');
 });