Fix date input to accept any parsable date as value

lib/inputs/base.js

@@ -31,7 +31,7 @@ export default class BaseInput {
   }
 
   setValue(rawValue, options = {}) {
-    const value = this.process(rawValue)
+    const value = this.process(this.preProcessValue(rawValue))
     if (value === this._value) {
       return
     }
@@ -86,6 +86,10 @@ export default class BaseInput {
     return this.defaultFormatErrors(this.errors)
   }
 
+  preProcessValue(value) {
+    return value
+  }
+
   // TODO: pre pack some processors to avoid having to pass a callback
   get process() {
     return this.config.process || this.defaultProcess

lib/inputs/index.js

@@ -1,4 +1,5 @@
 import BaseInput from './base'
+import {padLeft} from '../util'
 
 class TextInput extends BaseInput {
 }
@@ -32,6 +33,18 @@ TelInput.type       = 'tel'
 
 
 class DateInput extends BaseInput {
+  preProcessValue(value) {
+    const timestamp = Date.parse(value)
+    if (!timestamp) {
+      return value
+    }
+    const date = new Date(timestamp)
+    return [
+      date.getFullYear(),
+      padLeft((date.getMonth() + 1).toString(), 2, '0'),
+      padLeft(date.getDate().toString(), 2, '0')
+    ].join('-')
+  }
 }
 DateInput.defaultTag = 'rf-text-input'
 DateInput.type       = 'date'

lib/util.js

@@ -4,3 +4,10 @@ export function capitalize(str) {
   }
   return str[0].toUpperCase() + str.substring(1)
 }
+
+export function padLeft(str, length, char = ' ') {
+  while (str.length < length) {
+    str = char + str
+  }
+  return str
+}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "riot-form",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "Form inputs for RiotJS",
   "main": "dist/riot-form.js",
   "scripts": {

tests/unit/inputs/date-input_test.js

@@ -0,0 +1,12 @@
+import {expect} from 'chai'
+import {inputs} from 'riot-form'
+
+describe('DateInput', () => {
+  describe('preProcessValue', () => {
+    it('should return a formatted date', () => {
+      const input = new inputs.DateInput({name: 'whatever'})
+      expect(input.preProcessValue('2016-08-06T06:15:38.864Z')).to.eq('2016-08-06')
+      expect(input.preProcessValue('2016-08-31T06:15:38.864Z')).to.eq('2016-08-31')
+    })
+  })
+})

tests/unit/util_test.js

@@ -0,0 +1,19 @@
+import {expect}  from 'chai'
+import * as util from 'riot-form/util'
+
+describe('util', () => {
+  describe('capitalize', () => {
+    it('should capitalize the string', () => {
+      expect(util.capitalize('foobar')).to.eq('Foobar')
+      expect(util.capitalize('Foobar')).to.eq('Foobar')
+      expect(util.capitalize('hellOO')).to.eq('HellOO')
+    })
+  })
+
+  describe('padLeft', () => {
+    it('should pad string', () => {
+      expect(util.padLeft('1', 2, '0')).to.eq('01')
+      expect(util.padLeft('ab', 4, 'x')).to.eq('xxab')
+    })
+  })
+})