From 1ea05fd27b4c8f7dd8d3e910590787b0d50c13da Mon Sep 17 00:00:00 2001
From: Simon Egersand <s.egersand@gmail.com>
Date: Sun, 30 Jul 2017 12:19:41 +0200
Subject: [PATCH] Add snapshot testing
---
test/__snapshots__/snapshots.spec.js.snap | 7788 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
package.json | 4
test/snapshots.spec.js | 209 +
3 files changed, 8,000 insertions(+), 1 deletions(-)
diff --git a/package.json b/package.json
index 4e37ce5..095f023 100644
--- a/package.json
+++ b/package.json
@@ -22,8 +22,10 @@
"dev": "./node_modules/.bin/webpack-dev-server --config example/webpack.config.js --devtool eval --progress --colors --hot --content-base example",
"lint": "./node_modules/.bin/eslint src/ DateTime.js test/",
"test": "./node_modules/.bin/jest",
- "test:all": "npm run test:typings && npm run test",
"test:typings": "./node_modules/.bin/tsc -p ./typings",
+ "test:snapshot": "./node_modules/.bin/jest snapshot",
+ "test:snapshot:update": "./node_modules/.bin/jest snapshot --updateSnapshot",
+ "test:all": "npm run test:typings && npm run test",
"test:watch": "./node_modules/.bin/jest --watch"
},
"keywords": [
diff --git a/test/__snapshots__/snapshots.spec.js.snap b/test/__snapshots__/snapshots.spec.js.snap
new file mode 100644
index 0000000..99645c4
--- /dev/null
+++ b/test/__snapshots__/snapshots.spec.js.snap
@@ -0,0 +1,7788 @@
+exports[`dateFormat set to false 1`] = `
+<div
+ className="rdt">
+ <input
+ className="form-control"
+ onChange={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ type="text"
+ value="" />
+ <div
+ className="rdtPicker">
+ <div
+ className="rdtTime">
+ <table>
+ <tbody>
+ <tr>
+ <td>
+ <div
+ className="rdtCounters">
+ <div
+ className="rdtCounter">
+ <span
+ className="rdtBtn"
+ onMouseDown={[Function]}>
+ ���
+ </span>
+ <div
+ className="rdtCount">
+ 12
+ </div>
+ <span
+ className="rdtBtn"
+ onMouseDown={[Function]}>
+ ���
+ </span>
+ </div>
+ <div
+ className="rdtCounterSeparator">
+ :
+ </div>
+ <div
+ className="rdtCounter">
+ <span
+ className="rdtBtn"
+ onMouseDown={[Function]}>
+ ���
+ </span>
+ <div
+ className="rdtCount">
+ 00
+ </div>
+ <span
+ className="rdtBtn"
+ onMouseDown={[Function]}>
+ ���
+ </span>
+ </div>
+ <div
+ className="rdtCounter">
+ <span
+ className="rdtBtn"
+ onMouseDown={[Function]}>
+ ���
+ </span>
+ <div
+ className="rdtCount">
+ AM
+ </div>
+ <span
+ className="rdtBtn"
+ onMouseDown={[Function]}>
+ ���
+ </span>
+ </div>
+ </div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+</div>
+`;
+
+exports[`dateFormat set to true 1`] = `
+<div
+ className="rdt">
+ <input
+ className="form-control"
+ onChange={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ type="text"
+ value="" />
+ <div
+ className="rdtPicker">
+ <div
+ className="rdtDays">
+ <table>
+ <thead>
+ <tr>
+ <th
+ className="rdtPrev"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ <th
+ className="rdtSwitch"
+ colSpan={5}
+ data-value={11}
+ onClick={[Function]}>
+ December 2016
+ </th>
+ <th
+ className="rdtNext"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ </tr>
+ <tr>
+ <th
+ className="dow">
+ Su
+ </th>
+ <th
+ className="dow">
+ Mo
+ </th>
+ <th
+ className="dow">
+ Tu
+ </th>
+ <th
+ className="dow">
+ We
+ </th>
+ <th
+ className="dow">
+ Th
+ </th>
+ <th
+ className="dow">
+ Fr
+ </th>
+ <th
+ className="dow">
+ Sa
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td
+ className="rdtDay rdtOld"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ <td
+ className="rdtDay"
+ data-value={8}
+ onClick={[Function]}>
+ 8
+ </td>
+ <td
+ className="rdtDay"
+ data-value={9}
+ onClick={[Function]}>
+ 9
+ </td>
+ <td
+ className="rdtDay"
+ data-value={10}
+ onClick={[Function]}>
+ 10
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={11}
+ onClick={[Function]}>
+ 11
+ </td>
+ <td
+ className="rdtDay"
+ data-value={12}
+ onClick={[Function]}>
+ 12
+ </td>
+ <td
+ className="rdtDay"
+ data-value={13}
+ onClick={[Function]}>
+ 13
+ </td>
+ <td
+ className="rdtDay"
+ data-value={14}
+ onClick={[Function]}>
+ 14
+ </td>
+ <td
+ className="rdtDay"
+ data-value={15}
+ onClick={[Function]}>
+ 15
+ </td>
+ <td
+ className="rdtDay"
+ data-value={16}
+ onClick={[Function]}>
+ 16
+ </td>
+ <td
+ className="rdtDay"
+ data-value={17}
+ onClick={[Function]}>
+ 17
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={18}
+ onClick={[Function]}>
+ 18
+ </td>
+ <td
+ className="rdtDay"
+ data-value={19}
+ onClick={[Function]}>
+ 19
+ </td>
+ <td
+ className="rdtDay"
+ data-value={20}
+ onClick={[Function]}>
+ 20
+ </td>
+ <td
+ className="rdtDay"
+ data-value={21}
+ onClick={[Function]}>
+ 21
+ </td>
+ <td
+ className="rdtDay rdtToday"
+ data-value={22}
+ onClick={[Function]}>
+ 22
+ </td>
+ <td
+ className="rdtDay"
+ data-value={23}
+ onClick={[Function]}>
+ 23
+ </td>
+ <td
+ className="rdtDay"
+ data-value={24}
+ onClick={[Function]}>
+ 24
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={25}
+ onClick={[Function]}>
+ 25
+ </td>
+ <td
+ className="rdtDay"
+ data-value={26}
+ onClick={[Function]}>
+ 26
+ </td>
+ <td
+ className="rdtDay"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={31}
+ onClick={[Function]}>
+ 31
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay rdtNew"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ </tr>
+ </tbody>
+ <tfoot>
+ <tr>
+ <td
+ className="rdtTimeToggle"
+ colSpan={7}
+ onClick={[Function]}>
+ 12:00 AM
+ </td>
+ </tr>
+ </tfoot>
+ </table>
+ </div>
+ </div>
+</div>
+`;
+
+exports[`input input: set to false 1`] = `
+<div
+ className="rdt rdtStatic rdtOpen">
+ <div
+ className="rdtPicker">
+ <div
+ className="rdtDays">
+ <table>
+ <thead>
+ <tr>
+ <th
+ className="rdtPrev"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ <th
+ className="rdtSwitch"
+ colSpan={5}
+ data-value={11}
+ onClick={[Function]}>
+ December 2016
+ </th>
+ <th
+ className="rdtNext"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ </tr>
+ <tr>
+ <th
+ className="dow">
+ Su
+ </th>
+ <th
+ className="dow">
+ Mo
+ </th>
+ <th
+ className="dow">
+ Tu
+ </th>
+ <th
+ className="dow">
+ We
+ </th>
+ <th
+ className="dow">
+ Th
+ </th>
+ <th
+ className="dow">
+ Fr
+ </th>
+ <th
+ className="dow">
+ Sa
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td
+ className="rdtDay rdtOld"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ <td
+ className="rdtDay"
+ data-value={8}
+ onClick={[Function]}>
+ 8
+ </td>
+ <td
+ className="rdtDay"
+ data-value={9}
+ onClick={[Function]}>
+ 9
+ </td>
+ <td
+ className="rdtDay"
+ data-value={10}
+ onClick={[Function]}>
+ 10
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={11}
+ onClick={[Function]}>
+ 11
+ </td>
+ <td
+ className="rdtDay"
+ data-value={12}
+ onClick={[Function]}>
+ 12
+ </td>
+ <td
+ className="rdtDay"
+ data-value={13}
+ onClick={[Function]}>
+ 13
+ </td>
+ <td
+ className="rdtDay"
+ data-value={14}
+ onClick={[Function]}>
+ 14
+ </td>
+ <td
+ className="rdtDay"
+ data-value={15}
+ onClick={[Function]}>
+ 15
+ </td>
+ <td
+ className="rdtDay"
+ data-value={16}
+ onClick={[Function]}>
+ 16
+ </td>
+ <td
+ className="rdtDay"
+ data-value={17}
+ onClick={[Function]}>
+ 17
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={18}
+ onClick={[Function]}>
+ 18
+ </td>
+ <td
+ className="rdtDay"
+ data-value={19}
+ onClick={[Function]}>
+ 19
+ </td>
+ <td
+ className="rdtDay"
+ data-value={20}
+ onClick={[Function]}>
+ 20
+ </td>
+ <td
+ className="rdtDay"
+ data-value={21}
+ onClick={[Function]}>
+ 21
+ </td>
+ <td
+ className="rdtDay rdtToday"
+ data-value={22}
+ onClick={[Function]}>
+ 22
+ </td>
+ <td
+ className="rdtDay"
+ data-value={23}
+ onClick={[Function]}>
+ 23
+ </td>
+ <td
+ className="rdtDay"
+ data-value={24}
+ onClick={[Function]}>
+ 24
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={25}
+ onClick={[Function]}>
+ 25
+ </td>
+ <td
+ className="rdtDay"
+ data-value={26}
+ onClick={[Function]}>
+ 26
+ </td>
+ <td
+ className="rdtDay"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={31}
+ onClick={[Function]}>
+ 31
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay rdtNew"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ </tr>
+ </tbody>
+ <tfoot>
+ <tr>
+ <td
+ className="rdtTimeToggle"
+ colSpan={7}
+ onClick={[Function]}>
+ 12:00 AM
+ </td>
+ </tr>
+ </tfoot>
+ </table>
+ </div>
+ </div>
+</div>
+`;
+
+exports[`input input: set to true 1`] = `
+<div
+ className="rdt">
+ <input
+ className="form-control"
+ onChange={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ type="text"
+ value="" />
+ <div
+ className="rdtPicker">
+ <div
+ className="rdtDays">
+ <table>
+ <thead>
+ <tr>
+ <th
+ className="rdtPrev"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ <th
+ className="rdtSwitch"
+ colSpan={5}
+ data-value={11}
+ onClick={[Function]}>
+ December 2016
+ </th>
+ <th
+ className="rdtNext"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ </tr>
+ <tr>
+ <th
+ className="dow">
+ Su
+ </th>
+ <th
+ className="dow">
+ Mo
+ </th>
+ <th
+ className="dow">
+ Tu
+ </th>
+ <th
+ className="dow">
+ We
+ </th>
+ <th
+ className="dow">
+ Th
+ </th>
+ <th
+ className="dow">
+ Fr
+ </th>
+ <th
+ className="dow">
+ Sa
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td
+ className="rdtDay rdtOld"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ <td
+ className="rdtDay"
+ data-value={8}
+ onClick={[Function]}>
+ 8
+ </td>
+ <td
+ className="rdtDay"
+ data-value={9}
+ onClick={[Function]}>
+ 9
+ </td>
+ <td
+ className="rdtDay"
+ data-value={10}
+ onClick={[Function]}>
+ 10
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={11}
+ onClick={[Function]}>
+ 11
+ </td>
+ <td
+ className="rdtDay"
+ data-value={12}
+ onClick={[Function]}>
+ 12
+ </td>
+ <td
+ className="rdtDay"
+ data-value={13}
+ onClick={[Function]}>
+ 13
+ </td>
+ <td
+ className="rdtDay"
+ data-value={14}
+ onClick={[Function]}>
+ 14
+ </td>
+ <td
+ className="rdtDay"
+ data-value={15}
+ onClick={[Function]}>
+ 15
+ </td>
+ <td
+ className="rdtDay"
+ data-value={16}
+ onClick={[Function]}>
+ 16
+ </td>
+ <td
+ className="rdtDay"
+ data-value={17}
+ onClick={[Function]}>
+ 17
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={18}
+ onClick={[Function]}>
+ 18
+ </td>
+ <td
+ className="rdtDay"
+ data-value={19}
+ onClick={[Function]}>
+ 19
+ </td>
+ <td
+ className="rdtDay"
+ data-value={20}
+ onClick={[Function]}>
+ 20
+ </td>
+ <td
+ className="rdtDay"
+ data-value={21}
+ onClick={[Function]}>
+ 21
+ </td>
+ <td
+ className="rdtDay rdtToday"
+ data-value={22}
+ onClick={[Function]}>
+ 22
+ </td>
+ <td
+ className="rdtDay"
+ data-value={23}
+ onClick={[Function]}>
+ 23
+ </td>
+ <td
+ className="rdtDay"
+ data-value={24}
+ onClick={[Function]}>
+ 24
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={25}
+ onClick={[Function]}>
+ 25
+ </td>
+ <td
+ className="rdtDay"
+ data-value={26}
+ onClick={[Function]}>
+ 26
+ </td>
+ <td
+ className="rdtDay"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={31}
+ onClick={[Function]}>
+ 31
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay rdtNew"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ </tr>
+ </tbody>
+ <tfoot>
+ <tr>
+ <td
+ className="rdtTimeToggle"
+ colSpan={7}
+ onClick={[Function]}>
+ 12:00 AM
+ </td>
+ </tr>
+ </tfoot>
+ </table>
+ </div>
+ </div>
+</div>
+`;
+
+exports[`inputProps with className specified 1`] = `
+<div
+ className="rdt">
+ <input
+ className="arbitrary-className"
+ onChange={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ type="text"
+ value="" />
+ <div
+ className="rdtPicker">
+ <div
+ className="rdtDays">
+ <table>
+ <thead>
+ <tr>
+ <th
+ className="rdtPrev"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ <th
+ className="rdtSwitch"
+ colSpan={5}
+ data-value={11}
+ onClick={[Function]}>
+ December 2016
+ </th>
+ <th
+ className="rdtNext"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ </tr>
+ <tr>
+ <th
+ className="dow">
+ Su
+ </th>
+ <th
+ className="dow">
+ Mo
+ </th>
+ <th
+ className="dow">
+ Tu
+ </th>
+ <th
+ className="dow">
+ We
+ </th>
+ <th
+ className="dow">
+ Th
+ </th>
+ <th
+ className="dow">
+ Fr
+ </th>
+ <th
+ className="dow">
+ Sa
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td
+ className="rdtDay rdtOld"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ <td
+ className="rdtDay"
+ data-value={8}
+ onClick={[Function]}>
+ 8
+ </td>
+ <td
+ className="rdtDay"
+ data-value={9}
+ onClick={[Function]}>
+ 9
+ </td>
+ <td
+ className="rdtDay"
+ data-value={10}
+ onClick={[Function]}>
+ 10
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={11}
+ onClick={[Function]}>
+ 11
+ </td>
+ <td
+ className="rdtDay"
+ data-value={12}
+ onClick={[Function]}>
+ 12
+ </td>
+ <td
+ className="rdtDay"
+ data-value={13}
+ onClick={[Function]}>
+ 13
+ </td>
+ <td
+ className="rdtDay"
+ data-value={14}
+ onClick={[Function]}>
+ 14
+ </td>
+ <td
+ className="rdtDay"
+ data-value={15}
+ onClick={[Function]}>
+ 15
+ </td>
+ <td
+ className="rdtDay"
+ data-value={16}
+ onClick={[Function]}>
+ 16
+ </td>
+ <td
+ className="rdtDay"
+ data-value={17}
+ onClick={[Function]}>
+ 17
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={18}
+ onClick={[Function]}>
+ 18
+ </td>
+ <td
+ className="rdtDay"
+ data-value={19}
+ onClick={[Function]}>
+ 19
+ </td>
+ <td
+ className="rdtDay"
+ data-value={20}
+ onClick={[Function]}>
+ 20
+ </td>
+ <td
+ className="rdtDay"
+ data-value={21}
+ onClick={[Function]}>
+ 21
+ </td>
+ <td
+ className="rdtDay rdtToday"
+ data-value={22}
+ onClick={[Function]}>
+ 22
+ </td>
+ <td
+ className="rdtDay"
+ data-value={23}
+ onClick={[Function]}>
+ 23
+ </td>
+ <td
+ className="rdtDay"
+ data-value={24}
+ onClick={[Function]}>
+ 24
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={25}
+ onClick={[Function]}>
+ 25
+ </td>
+ <td
+ className="rdtDay"
+ data-value={26}
+ onClick={[Function]}>
+ 26
+ </td>
+ <td
+ className="rdtDay"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={31}
+ onClick={[Function]}>
+ 31
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay rdtNew"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ </tr>
+ </tbody>
+ <tfoot>
+ <tr>
+ <td
+ className="rdtTimeToggle"
+ colSpan={7}
+ onClick={[Function]}>
+ 12:00 AM
+ </td>
+ </tr>
+ </tfoot>
+ </table>
+ </div>
+ </div>
+</div>
+`;
+
+exports[`inputProps with disabled specified 1`] = `
+<div
+ className="rdt">
+ <input
+ className="form-control"
+ disabled={true}
+ onChange={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ type="text"
+ value="" />
+ <div
+ className="rdtPicker">
+ <div
+ className="rdtDays">
+ <table>
+ <thead>
+ <tr>
+ <th
+ className="rdtPrev"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ <th
+ className="rdtSwitch"
+ colSpan={5}
+ data-value={11}
+ onClick={[Function]}>
+ December 2016
+ </th>
+ <th
+ className="rdtNext"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ </tr>
+ <tr>
+ <th
+ className="dow">
+ Su
+ </th>
+ <th
+ className="dow">
+ Mo
+ </th>
+ <th
+ className="dow">
+ Tu
+ </th>
+ <th
+ className="dow">
+ We
+ </th>
+ <th
+ className="dow">
+ Th
+ </th>
+ <th
+ className="dow">
+ Fr
+ </th>
+ <th
+ className="dow">
+ Sa
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td
+ className="rdtDay rdtOld"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ <td
+ className="rdtDay"
+ data-value={8}
+ onClick={[Function]}>
+ 8
+ </td>
+ <td
+ className="rdtDay"
+ data-value={9}
+ onClick={[Function]}>
+ 9
+ </td>
+ <td
+ className="rdtDay"
+ data-value={10}
+ onClick={[Function]}>
+ 10
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={11}
+ onClick={[Function]}>
+ 11
+ </td>
+ <td
+ className="rdtDay"
+ data-value={12}
+ onClick={[Function]}>
+ 12
+ </td>
+ <td
+ className="rdtDay"
+ data-value={13}
+ onClick={[Function]}>
+ 13
+ </td>
+ <td
+ className="rdtDay"
+ data-value={14}
+ onClick={[Function]}>
+ 14
+ </td>
+ <td
+ className="rdtDay"
+ data-value={15}
+ onClick={[Function]}>
+ 15
+ </td>
+ <td
+ className="rdtDay"
+ data-value={16}
+ onClick={[Function]}>
+ 16
+ </td>
+ <td
+ className="rdtDay"
+ data-value={17}
+ onClick={[Function]}>
+ 17
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={18}
+ onClick={[Function]}>
+ 18
+ </td>
+ <td
+ className="rdtDay"
+ data-value={19}
+ onClick={[Function]}>
+ 19
+ </td>
+ <td
+ className="rdtDay"
+ data-value={20}
+ onClick={[Function]}>
+ 20
+ </td>
+ <td
+ className="rdtDay"
+ data-value={21}
+ onClick={[Function]}>
+ 21
+ </td>
+ <td
+ className="rdtDay rdtToday"
+ data-value={22}
+ onClick={[Function]}>
+ 22
+ </td>
+ <td
+ className="rdtDay"
+ data-value={23}
+ onClick={[Function]}>
+ 23
+ </td>
+ <td
+ className="rdtDay"
+ data-value={24}
+ onClick={[Function]}>
+ 24
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={25}
+ onClick={[Function]}>
+ 25
+ </td>
+ <td
+ className="rdtDay"
+ data-value={26}
+ onClick={[Function]}>
+ 26
+ </td>
+ <td
+ className="rdtDay"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={31}
+ onClick={[Function]}>
+ 31
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay rdtNew"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ </tr>
+ </tbody>
+ <tfoot>
+ <tr>
+ <td
+ className="rdtTimeToggle"
+ colSpan={7}
+ onClick={[Function]}>
+ 12:00 AM
+ </td>
+ </tr>
+ </tfoot>
+ </table>
+ </div>
+ </div>
+</div>
+`;
+
+exports[`inputProps with name specified 1`] = `
+<div
+ className="rdt">
+ <input
+ className="form-control"
+ name="arbitrary-name"
+ onChange={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ type="text"
+ value="" />
+ <div
+ className="rdtPicker">
+ <div
+ className="rdtDays">
+ <table>
+ <thead>
+ <tr>
+ <th
+ className="rdtPrev"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ <th
+ className="rdtSwitch"
+ colSpan={5}
+ data-value={11}
+ onClick={[Function]}>
+ December 2016
+ </th>
+ <th
+ className="rdtNext"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ </tr>
+ <tr>
+ <th
+ className="dow">
+ Su
+ </th>
+ <th
+ className="dow">
+ Mo
+ </th>
+ <th
+ className="dow">
+ Tu
+ </th>
+ <th
+ className="dow">
+ We
+ </th>
+ <th
+ className="dow">
+ Th
+ </th>
+ <th
+ className="dow">
+ Fr
+ </th>
+ <th
+ className="dow">
+ Sa
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td
+ className="rdtDay rdtOld"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ <td
+ className="rdtDay"
+ data-value={8}
+ onClick={[Function]}>
+ 8
+ </td>
+ <td
+ className="rdtDay"
+ data-value={9}
+ onClick={[Function]}>
+ 9
+ </td>
+ <td
+ className="rdtDay"
+ data-value={10}
+ onClick={[Function]}>
+ 10
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={11}
+ onClick={[Function]}>
+ 11
+ </td>
+ <td
+ className="rdtDay"
+ data-value={12}
+ onClick={[Function]}>
+ 12
+ </td>
+ <td
+ className="rdtDay"
+ data-value={13}
+ onClick={[Function]}>
+ 13
+ </td>
+ <td
+ className="rdtDay"
+ data-value={14}
+ onClick={[Function]}>
+ 14
+ </td>
+ <td
+ className="rdtDay"
+ data-value={15}
+ onClick={[Function]}>
+ 15
+ </td>
+ <td
+ className="rdtDay"
+ data-value={16}
+ onClick={[Function]}>
+ 16
+ </td>
+ <td
+ className="rdtDay"
+ data-value={17}
+ onClick={[Function]}>
+ 17
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={18}
+ onClick={[Function]}>
+ 18
+ </td>
+ <td
+ className="rdtDay"
+ data-value={19}
+ onClick={[Function]}>
+ 19
+ </td>
+ <td
+ className="rdtDay"
+ data-value={20}
+ onClick={[Function]}>
+ 20
+ </td>
+ <td
+ className="rdtDay"
+ data-value={21}
+ onClick={[Function]}>
+ 21
+ </td>
+ <td
+ className="rdtDay rdtToday"
+ data-value={22}
+ onClick={[Function]}>
+ 22
+ </td>
+ <td
+ className="rdtDay"
+ data-value={23}
+ onClick={[Function]}>
+ 23
+ </td>
+ <td
+ className="rdtDay"
+ data-value={24}
+ onClick={[Function]}>
+ 24
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={25}
+ onClick={[Function]}>
+ 25
+ </td>
+ <td
+ className="rdtDay"
+ data-value={26}
+ onClick={[Function]}>
+ 26
+ </td>
+ <td
+ className="rdtDay"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={31}
+ onClick={[Function]}>
+ 31
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay rdtNew"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ </tr>
+ </tbody>
+ <tfoot>
+ <tr>
+ <td
+ className="rdtTimeToggle"
+ colSpan={7}
+ onClick={[Function]}>
+ 12:00 AM
+ </td>
+ </tr>
+ </tfoot>
+ </table>
+ </div>
+ </div>
+</div>
+`;
+
+exports[`inputProps with placeholder specified 1`] = `
+<div
+ className="rdt">
+ <input
+ className="form-control"
+ onChange={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ placeholder="arbitrary-placeholder"
+ type="text"
+ value="" />
+ <div
+ className="rdtPicker">
+ <div
+ className="rdtDays">
+ <table>
+ <thead>
+ <tr>
+ <th
+ className="rdtPrev"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ <th
+ className="rdtSwitch"
+ colSpan={5}
+ data-value={11}
+ onClick={[Function]}>
+ December 2016
+ </th>
+ <th
+ className="rdtNext"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ </tr>
+ <tr>
+ <th
+ className="dow">
+ Su
+ </th>
+ <th
+ className="dow">
+ Mo
+ </th>
+ <th
+ className="dow">
+ Tu
+ </th>
+ <th
+ className="dow">
+ We
+ </th>
+ <th
+ className="dow">
+ Th
+ </th>
+ <th
+ className="dow">
+ Fr
+ </th>
+ <th
+ className="dow">
+ Sa
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td
+ className="rdtDay rdtOld"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ <td
+ className="rdtDay"
+ data-value={8}
+ onClick={[Function]}>
+ 8
+ </td>
+ <td
+ className="rdtDay"
+ data-value={9}
+ onClick={[Function]}>
+ 9
+ </td>
+ <td
+ className="rdtDay"
+ data-value={10}
+ onClick={[Function]}>
+ 10
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={11}
+ onClick={[Function]}>
+ 11
+ </td>
+ <td
+ className="rdtDay"
+ data-value={12}
+ onClick={[Function]}>
+ 12
+ </td>
+ <td
+ className="rdtDay"
+ data-value={13}
+ onClick={[Function]}>
+ 13
+ </td>
+ <td
+ className="rdtDay"
+ data-value={14}
+ onClick={[Function]}>
+ 14
+ </td>
+ <td
+ className="rdtDay"
+ data-value={15}
+ onClick={[Function]}>
+ 15
+ </td>
+ <td
+ className="rdtDay"
+ data-value={16}
+ onClick={[Function]}>
+ 16
+ </td>
+ <td
+ className="rdtDay"
+ data-value={17}
+ onClick={[Function]}>
+ 17
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={18}
+ onClick={[Function]}>
+ 18
+ </td>
+ <td
+ className="rdtDay"
+ data-value={19}
+ onClick={[Function]}>
+ 19
+ </td>
+ <td
+ className="rdtDay"
+ data-value={20}
+ onClick={[Function]}>
+ 20
+ </td>
+ <td
+ className="rdtDay"
+ data-value={21}
+ onClick={[Function]}>
+ 21
+ </td>
+ <td
+ className="rdtDay rdtToday"
+ data-value={22}
+ onClick={[Function]}>
+ 22
+ </td>
+ <td
+ className="rdtDay"
+ data-value={23}
+ onClick={[Function]}>
+ 23
+ </td>
+ <td
+ className="rdtDay"
+ data-value={24}
+ onClick={[Function]}>
+ 24
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={25}
+ onClick={[Function]}>
+ 25
+ </td>
+ <td
+ className="rdtDay"
+ data-value={26}
+ onClick={[Function]}>
+ 26
+ </td>
+ <td
+ className="rdtDay"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={31}
+ onClick={[Function]}>
+ 31
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay rdtNew"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ </tr>
+ </tbody>
+ <tfoot>
+ <tr>
+ <td
+ className="rdtTimeToggle"
+ colSpan={7}
+ onClick={[Function]}>
+ 12:00 AM
+ </td>
+ </tr>
+ </tfoot>
+ </table>
+ </div>
+ </div>
+</div>
+`;
+
+exports[`inputProps with required specified 1`] = `
+<div
+ className="rdt">
+ <input
+ className="form-control"
+ onChange={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ required={true}
+ type="text"
+ value="" />
+ <div
+ className="rdtPicker">
+ <div
+ className="rdtDays">
+ <table>
+ <thead>
+ <tr>
+ <th
+ className="rdtPrev"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ <th
+ className="rdtSwitch"
+ colSpan={5}
+ data-value={11}
+ onClick={[Function]}>
+ December 2016
+ </th>
+ <th
+ className="rdtNext"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ </tr>
+ <tr>
+ <th
+ className="dow">
+ Su
+ </th>
+ <th
+ className="dow">
+ Mo
+ </th>
+ <th
+ className="dow">
+ Tu
+ </th>
+ <th
+ className="dow">
+ We
+ </th>
+ <th
+ className="dow">
+ Th
+ </th>
+ <th
+ className="dow">
+ Fr
+ </th>
+ <th
+ className="dow">
+ Sa
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td
+ className="rdtDay rdtOld"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ <td
+ className="rdtDay"
+ data-value={8}
+ onClick={[Function]}>
+ 8
+ </td>
+ <td
+ className="rdtDay"
+ data-value={9}
+ onClick={[Function]}>
+ 9
+ </td>
+ <td
+ className="rdtDay"
+ data-value={10}
+ onClick={[Function]}>
+ 10
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={11}
+ onClick={[Function]}>
+ 11
+ </td>
+ <td
+ className="rdtDay"
+ data-value={12}
+ onClick={[Function]}>
+ 12
+ </td>
+ <td
+ className="rdtDay"
+ data-value={13}
+ onClick={[Function]}>
+ 13
+ </td>
+ <td
+ className="rdtDay"
+ data-value={14}
+ onClick={[Function]}>
+ 14
+ </td>
+ <td
+ className="rdtDay"
+ data-value={15}
+ onClick={[Function]}>
+ 15
+ </td>
+ <td
+ className="rdtDay"
+ data-value={16}
+ onClick={[Function]}>
+ 16
+ </td>
+ <td
+ className="rdtDay"
+ data-value={17}
+ onClick={[Function]}>
+ 17
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={18}
+ onClick={[Function]}>
+ 18
+ </td>
+ <td
+ className="rdtDay"
+ data-value={19}
+ onClick={[Function]}>
+ 19
+ </td>
+ <td
+ className="rdtDay"
+ data-value={20}
+ onClick={[Function]}>
+ 20
+ </td>
+ <td
+ className="rdtDay"
+ data-value={21}
+ onClick={[Function]}>
+ 21
+ </td>
+ <td
+ className="rdtDay rdtToday"
+ data-value={22}
+ onClick={[Function]}>
+ 22
+ </td>
+ <td
+ className="rdtDay"
+ data-value={23}
+ onClick={[Function]}>
+ 23
+ </td>
+ <td
+ className="rdtDay"
+ data-value={24}
+ onClick={[Function]}>
+ 24
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={25}
+ onClick={[Function]}>
+ 25
+ </td>
+ <td
+ className="rdtDay"
+ data-value={26}
+ onClick={[Function]}>
+ 26
+ </td>
+ <td
+ className="rdtDay"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={31}
+ onClick={[Function]}>
+ 31
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay rdtNew"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ </tr>
+ </tbody>
+ <tfoot>
+ <tr>
+ <td
+ className="rdtTimeToggle"
+ colSpan={7}
+ onClick={[Function]}>
+ 12:00 AM
+ </td>
+ </tr>
+ </tfoot>
+ </table>
+ </div>
+ </div>
+</div>
+`;
+
+exports[`open set to false 1`] = `
+<div
+ className="rdt">
+ <input
+ className="form-control"
+ onChange={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ type="text"
+ value="" />
+ <div
+ className="rdtPicker">
+ <div
+ className="rdtDays">
+ <table>
+ <thead>
+ <tr>
+ <th
+ className="rdtPrev"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ <th
+ className="rdtSwitch"
+ colSpan={5}
+ data-value={11}
+ onClick={[Function]}>
+ December 2016
+ </th>
+ <th
+ className="rdtNext"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ </tr>
+ <tr>
+ <th
+ className="dow">
+ Su
+ </th>
+ <th
+ className="dow">
+ Mo
+ </th>
+ <th
+ className="dow">
+ Tu
+ </th>
+ <th
+ className="dow">
+ We
+ </th>
+ <th
+ className="dow">
+ Th
+ </th>
+ <th
+ className="dow">
+ Fr
+ </th>
+ <th
+ className="dow">
+ Sa
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td
+ className="rdtDay rdtOld"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ <td
+ className="rdtDay"
+ data-value={8}
+ onClick={[Function]}>
+ 8
+ </td>
+ <td
+ className="rdtDay"
+ data-value={9}
+ onClick={[Function]}>
+ 9
+ </td>
+ <td
+ className="rdtDay"
+ data-value={10}
+ onClick={[Function]}>
+ 10
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={11}
+ onClick={[Function]}>
+ 11
+ </td>
+ <td
+ className="rdtDay"
+ data-value={12}
+ onClick={[Function]}>
+ 12
+ </td>
+ <td
+ className="rdtDay"
+ data-value={13}
+ onClick={[Function]}>
+ 13
+ </td>
+ <td
+ className="rdtDay"
+ data-value={14}
+ onClick={[Function]}>
+ 14
+ </td>
+ <td
+ className="rdtDay"
+ data-value={15}
+ onClick={[Function]}>
+ 15
+ </td>
+ <td
+ className="rdtDay"
+ data-value={16}
+ onClick={[Function]}>
+ 16
+ </td>
+ <td
+ className="rdtDay"
+ data-value={17}
+ onClick={[Function]}>
+ 17
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={18}
+ onClick={[Function]}>
+ 18
+ </td>
+ <td
+ className="rdtDay"
+ data-value={19}
+ onClick={[Function]}>
+ 19
+ </td>
+ <td
+ className="rdtDay"
+ data-value={20}
+ onClick={[Function]}>
+ 20
+ </td>
+ <td
+ className="rdtDay"
+ data-value={21}
+ onClick={[Function]}>
+ 21
+ </td>
+ <td
+ className="rdtDay rdtToday"
+ data-value={22}
+ onClick={[Function]}>
+ 22
+ </td>
+ <td
+ className="rdtDay"
+ data-value={23}
+ onClick={[Function]}>
+ 23
+ </td>
+ <td
+ className="rdtDay"
+ data-value={24}
+ onClick={[Function]}>
+ 24
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={25}
+ onClick={[Function]}>
+ 25
+ </td>
+ <td
+ className="rdtDay"
+ data-value={26}
+ onClick={[Function]}>
+ 26
+ </td>
+ <td
+ className="rdtDay"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={31}
+ onClick={[Function]}>
+ 31
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay rdtNew"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ </tr>
+ </tbody>
+ <tfoot>
+ <tr>
+ <td
+ className="rdtTimeToggle"
+ colSpan={7}
+ onClick={[Function]}>
+ 12:00 AM
+ </td>
+ </tr>
+ </tfoot>
+ </table>
+ </div>
+ </div>
+</div>
+`;
+
+exports[`open set to true 1`] = `
+<div
+ className="rdt rdtOpen">
+ <input
+ className="form-control"
+ onChange={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ type="text"
+ value="" />
+ <div
+ className="rdtPicker">
+ <div
+ className="rdtDays">
+ <table>
+ <thead>
+ <tr>
+ <th
+ className="rdtPrev"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ <th
+ className="rdtSwitch"
+ colSpan={5}
+ data-value={11}
+ onClick={[Function]}>
+ December 2016
+ </th>
+ <th
+ className="rdtNext"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ </tr>
+ <tr>
+ <th
+ className="dow">
+ Su
+ </th>
+ <th
+ className="dow">
+ Mo
+ </th>
+ <th
+ className="dow">
+ Tu
+ </th>
+ <th
+ className="dow">
+ We
+ </th>
+ <th
+ className="dow">
+ Th
+ </th>
+ <th
+ className="dow">
+ Fr
+ </th>
+ <th
+ className="dow">
+ Sa
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td
+ className="rdtDay rdtOld"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ <td
+ className="rdtDay"
+ data-value={8}
+ onClick={[Function]}>
+ 8
+ </td>
+ <td
+ className="rdtDay"
+ data-value={9}
+ onClick={[Function]}>
+ 9
+ </td>
+ <td
+ className="rdtDay"
+ data-value={10}
+ onClick={[Function]}>
+ 10
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={11}
+ onClick={[Function]}>
+ 11
+ </td>
+ <td
+ className="rdtDay"
+ data-value={12}
+ onClick={[Function]}>
+ 12
+ </td>
+ <td
+ className="rdtDay"
+ data-value={13}
+ onClick={[Function]}>
+ 13
+ </td>
+ <td
+ className="rdtDay"
+ data-value={14}
+ onClick={[Function]}>
+ 14
+ </td>
+ <td
+ className="rdtDay"
+ data-value={15}
+ onClick={[Function]}>
+ 15
+ </td>
+ <td
+ className="rdtDay"
+ data-value={16}
+ onClick={[Function]}>
+ 16
+ </td>
+ <td
+ className="rdtDay"
+ data-value={17}
+ onClick={[Function]}>
+ 17
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={18}
+ onClick={[Function]}>
+ 18
+ </td>
+ <td
+ className="rdtDay"
+ data-value={19}
+ onClick={[Function]}>
+ 19
+ </td>
+ <td
+ className="rdtDay"
+ data-value={20}
+ onClick={[Function]}>
+ 20
+ </td>
+ <td
+ className="rdtDay"
+ data-value={21}
+ onClick={[Function]}>
+ 21
+ </td>
+ <td
+ className="rdtDay rdtToday"
+ data-value={22}
+ onClick={[Function]}>
+ 22
+ </td>
+ <td
+ className="rdtDay"
+ data-value={23}
+ onClick={[Function]}>
+ 23
+ </td>
+ <td
+ className="rdtDay"
+ data-value={24}
+ onClick={[Function]}>
+ 24
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={25}
+ onClick={[Function]}>
+ 25
+ </td>
+ <td
+ className="rdtDay"
+ data-value={26}
+ onClick={[Function]}>
+ 26
+ </td>
+ <td
+ className="rdtDay"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={31}
+ onClick={[Function]}>
+ 31
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay rdtNew"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ </tr>
+ </tbody>
+ <tfoot>
+ <tr>
+ <td
+ className="rdtTimeToggle"
+ colSpan={7}
+ onClick={[Function]}>
+ 12:00 AM
+ </td>
+ </tr>
+ </tfoot>
+ </table>
+ </div>
+ </div>
+</div>
+`;
+
+exports[`test className: set to arbitraty value 1`] = `
+<div
+ className="rdt arbitrary-value">
+ <input
+ className="form-control"
+ onChange={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ type="text"
+ value="" />
+ <div
+ className="rdtPicker">
+ <div
+ className="rdtDays">
+ <table>
+ <thead>
+ <tr>
+ <th
+ className="rdtPrev"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ <th
+ className="rdtSwitch"
+ colSpan={5}
+ data-value={11}
+ onClick={[Function]}>
+ December 2016
+ </th>
+ <th
+ className="rdtNext"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ </tr>
+ <tr>
+ <th
+ className="dow">
+ Su
+ </th>
+ <th
+ className="dow">
+ Mo
+ </th>
+ <th
+ className="dow">
+ Tu
+ </th>
+ <th
+ className="dow">
+ We
+ </th>
+ <th
+ className="dow">
+ Th
+ </th>
+ <th
+ className="dow">
+ Fr
+ </th>
+ <th
+ className="dow">
+ Sa
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td
+ className="rdtDay rdtOld"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ <td
+ className="rdtDay"
+ data-value={8}
+ onClick={[Function]}>
+ 8
+ </td>
+ <td
+ className="rdtDay"
+ data-value={9}
+ onClick={[Function]}>
+ 9
+ </td>
+ <td
+ className="rdtDay"
+ data-value={10}
+ onClick={[Function]}>
+ 10
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={11}
+ onClick={[Function]}>
+ 11
+ </td>
+ <td
+ className="rdtDay"
+ data-value={12}
+ onClick={[Function]}>
+ 12
+ </td>
+ <td
+ className="rdtDay"
+ data-value={13}
+ onClick={[Function]}>
+ 13
+ </td>
+ <td
+ className="rdtDay"
+ data-value={14}
+ onClick={[Function]}>
+ 14
+ </td>
+ <td
+ className="rdtDay"
+ data-value={15}
+ onClick={[Function]}>
+ 15
+ </td>
+ <td
+ className="rdtDay"
+ data-value={16}
+ onClick={[Function]}>
+ 16
+ </td>
+ <td
+ className="rdtDay"
+ data-value={17}
+ onClick={[Function]}>
+ 17
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={18}
+ onClick={[Function]}>
+ 18
+ </td>
+ <td
+ className="rdtDay"
+ data-value={19}
+ onClick={[Function]}>
+ 19
+ </td>
+ <td
+ className="rdtDay"
+ data-value={20}
+ onClick={[Function]}>
+ 20
+ </td>
+ <td
+ className="rdtDay"
+ data-value={21}
+ onClick={[Function]}>
+ 21
+ </td>
+ <td
+ className="rdtDay rdtToday"
+ data-value={22}
+ onClick={[Function]}>
+ 22
+ </td>
+ <td
+ className="rdtDay"
+ data-value={23}
+ onClick={[Function]}>
+ 23
+ </td>
+ <td
+ className="rdtDay"
+ data-value={24}
+ onClick={[Function]}>
+ 24
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={25}
+ onClick={[Function]}>
+ 25
+ </td>
+ <td
+ className="rdtDay"
+ data-value={26}
+ onClick={[Function]}>
+ 26
+ </td>
+ <td
+ className="rdtDay"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={31}
+ onClick={[Function]}>
+ 31
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay rdtNew"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ </tr>
+ </tbody>
+ <tfoot>
+ <tr>
+ <td
+ className="rdtTimeToggle"
+ colSpan={7}
+ onClick={[Function]}>
+ 12:00 AM
+ </td>
+ </tr>
+ </tfoot>
+ </table>
+ </div>
+ </div>
+</div>
+`;
+
+exports[`test defaultValue: set to arbitrary value 1`] = `
+<div
+ className="rdt">
+ <input
+ className="form-control"
+ onChange={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ type="text"
+ value="12/22/2016 12:36 AM" />
+ <div
+ className="rdtPicker">
+ <div
+ className="rdtDays">
+ <table>
+ <thead>
+ <tr>
+ <th
+ className="rdtPrev"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ <th
+ className="rdtSwitch"
+ colSpan={5}
+ data-value={11}
+ onClick={[Function]}>
+ December 2016
+ </th>
+ <th
+ className="rdtNext"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ </tr>
+ <tr>
+ <th
+ className="dow">
+ Su
+ </th>
+ <th
+ className="dow">
+ Mo
+ </th>
+ <th
+ className="dow">
+ Tu
+ </th>
+ <th
+ className="dow">
+ We
+ </th>
+ <th
+ className="dow">
+ Th
+ </th>
+ <th
+ className="dow">
+ Fr
+ </th>
+ <th
+ className="dow">
+ Sa
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td
+ className="rdtDay rdtOld"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ <td
+ className="rdtDay"
+ data-value={8}
+ onClick={[Function]}>
+ 8
+ </td>
+ <td
+ className="rdtDay"
+ data-value={9}
+ onClick={[Function]}>
+ 9
+ </td>
+ <td
+ className="rdtDay"
+ data-value={10}
+ onClick={[Function]}>
+ 10
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={11}
+ onClick={[Function]}>
+ 11
+ </td>
+ <td
+ className="rdtDay"
+ data-value={12}
+ onClick={[Function]}>
+ 12
+ </td>
+ <td
+ className="rdtDay"
+ data-value={13}
+ onClick={[Function]}>
+ 13
+ </td>
+ <td
+ className="rdtDay"
+ data-value={14}
+ onClick={[Function]}>
+ 14
+ </td>
+ <td
+ className="rdtDay"
+ data-value={15}
+ onClick={[Function]}>
+ 15
+ </td>
+ <td
+ className="rdtDay"
+ data-value={16}
+ onClick={[Function]}>
+ 16
+ </td>
+ <td
+ className="rdtDay"
+ data-value={17}
+ onClick={[Function]}>
+ 17
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={18}
+ onClick={[Function]}>
+ 18
+ </td>
+ <td
+ className="rdtDay"
+ data-value={19}
+ onClick={[Function]}>
+ 19
+ </td>
+ <td
+ className="rdtDay"
+ data-value={20}
+ onClick={[Function]}>
+ 20
+ </td>
+ <td
+ className="rdtDay"
+ data-value={21}
+ onClick={[Function]}>
+ 21
+ </td>
+ <td
+ className="rdtDay rdtActive rdtToday"
+ data-value={22}
+ onClick={[Function]}>
+ 22
+ </td>
+ <td
+ className="rdtDay"
+ data-value={23}
+ onClick={[Function]}>
+ 23
+ </td>
+ <td
+ className="rdtDay"
+ data-value={24}
+ onClick={[Function]}>
+ 24
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={25}
+ onClick={[Function]}>
+ 25
+ </td>
+ <td
+ className="rdtDay"
+ data-value={26}
+ onClick={[Function]}>
+ 26
+ </td>
+ <td
+ className="rdtDay"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={31}
+ onClick={[Function]}>
+ 31
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay rdtNew"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ </tr>
+ </tbody>
+ <tfoot>
+ <tr>
+ <td
+ className="rdtTimeToggle"
+ colSpan={7}
+ onClick={[Function]}>
+ 12:36 AM
+ </td>
+ </tr>
+ </tfoot>
+ </table>
+ </div>
+ </div>
+</div>
+`;
+
+exports[`test everything default: renders correctly 1`] = `
+<div
+ className="rdt">
+ <input
+ className="form-control"
+ onChange={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ type="text"
+ value="" />
+ <div
+ className="rdtPicker">
+ <div
+ className="rdtDays">
+ <table>
+ <thead>
+ <tr>
+ <th
+ className="rdtPrev"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ <th
+ className="rdtSwitch"
+ colSpan={5}
+ data-value={11}
+ onClick={[Function]}>
+ December 2016
+ </th>
+ <th
+ className="rdtNext"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ </tr>
+ <tr>
+ <th
+ className="dow">
+ Su
+ </th>
+ <th
+ className="dow">
+ Mo
+ </th>
+ <th
+ className="dow">
+ Tu
+ </th>
+ <th
+ className="dow">
+ We
+ </th>
+ <th
+ className="dow">
+ Th
+ </th>
+ <th
+ className="dow">
+ Fr
+ </th>
+ <th
+ className="dow">
+ Sa
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td
+ className="rdtDay rdtOld"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ <td
+ className="rdtDay"
+ data-value={8}
+ onClick={[Function]}>
+ 8
+ </td>
+ <td
+ className="rdtDay"
+ data-value={9}
+ onClick={[Function]}>
+ 9
+ </td>
+ <td
+ className="rdtDay"
+ data-value={10}
+ onClick={[Function]}>
+ 10
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={11}
+ onClick={[Function]}>
+ 11
+ </td>
+ <td
+ className="rdtDay"
+ data-value={12}
+ onClick={[Function]}>
+ 12
+ </td>
+ <td
+ className="rdtDay"
+ data-value={13}
+ onClick={[Function]}>
+ 13
+ </td>
+ <td
+ className="rdtDay"
+ data-value={14}
+ onClick={[Function]}>
+ 14
+ </td>
+ <td
+ className="rdtDay"
+ data-value={15}
+ onClick={[Function]}>
+ 15
+ </td>
+ <td
+ className="rdtDay"
+ data-value={16}
+ onClick={[Function]}>
+ 16
+ </td>
+ <td
+ className="rdtDay"
+ data-value={17}
+ onClick={[Function]}>
+ 17
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={18}
+ onClick={[Function]}>
+ 18
+ </td>
+ <td
+ className="rdtDay"
+ data-value={19}
+ onClick={[Function]}>
+ 19
+ </td>
+ <td
+ className="rdtDay"
+ data-value={20}
+ onClick={[Function]}>
+ 20
+ </td>
+ <td
+ className="rdtDay"
+ data-value={21}
+ onClick={[Function]}>
+ 21
+ </td>
+ <td
+ className="rdtDay rdtToday"
+ data-value={22}
+ onClick={[Function]}>
+ 22
+ </td>
+ <td
+ className="rdtDay"
+ data-value={23}
+ onClick={[Function]}>
+ 23
+ </td>
+ <td
+ className="rdtDay"
+ data-value={24}
+ onClick={[Function]}>
+ 24
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={25}
+ onClick={[Function]}>
+ 25
+ </td>
+ <td
+ className="rdtDay"
+ data-value={26}
+ onClick={[Function]}>
+ 26
+ </td>
+ <td
+ className="rdtDay"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={31}
+ onClick={[Function]}>
+ 31
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay rdtNew"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ </tr>
+ </tbody>
+ <tfoot>
+ <tr>
+ <td
+ className="rdtTimeToggle"
+ colSpan={7}
+ onClick={[Function]}>
+ 12:00 AM
+ </td>
+ </tr>
+ </tfoot>
+ </table>
+ </div>
+ </div>
+</div>
+`;
+
+exports[`test isValidDate: only valid if after yesterday 1`] = `
+<div
+ className="rdt">
+ <input
+ className="form-control"
+ onChange={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ type="text"
+ value="" />
+ <div
+ className="rdtPicker">
+ <div
+ className="rdtDays">
+ <table>
+ <thead>
+ <tr>
+ <th
+ className="rdtPrev"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ <th
+ className="rdtSwitch"
+ colSpan={5}
+ data-value={11}
+ onClick={[Function]}>
+ December 2016
+ </th>
+ <th
+ className="rdtNext"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ </tr>
+ <tr>
+ <th
+ className="dow">
+ Su
+ </th>
+ <th
+ className="dow">
+ Mo
+ </th>
+ <th
+ className="dow">
+ Tu
+ </th>
+ <th
+ className="dow">
+ We
+ </th>
+ <th
+ className="dow">
+ Th
+ </th>
+ <th
+ className="dow">
+ Fr
+ </th>
+ <th
+ className="dow">
+ Sa
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td
+ className="rdtDay rdtOld rdtDisabled"
+ data-value={27}>
+ 27
+ </td>
+ <td
+ className="rdtDay rdtOld rdtDisabled"
+ data-value={28}>
+ 28
+ </td>
+ <td
+ className="rdtDay rdtOld rdtDisabled"
+ data-value={29}>
+ 29
+ </td>
+ <td
+ className="rdtDay rdtOld rdtDisabled"
+ data-value={30}>
+ 30
+ </td>
+ <td
+ className="rdtDay rdtDisabled"
+ data-value={1}>
+ 1
+ </td>
+ <td
+ className="rdtDay rdtDisabled"
+ data-value={2}>
+ 2
+ </td>
+ <td
+ className="rdtDay rdtDisabled"
+ data-value={3}>
+ 3
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay rdtDisabled"
+ data-value={4}>
+ 4
+ </td>
+ <td
+ className="rdtDay rdtDisabled"
+ data-value={5}>
+ 5
+ </td>
+ <td
+ className="rdtDay rdtDisabled"
+ data-value={6}>
+ 6
+ </td>
+ <td
+ className="rdtDay rdtDisabled"
+ data-value={7}>
+ 7
+ </td>
+ <td
+ className="rdtDay rdtDisabled"
+ data-value={8}>
+ 8
+ </td>
+ <td
+ className="rdtDay rdtDisabled"
+ data-value={9}>
+ 9
+ </td>
+ <td
+ className="rdtDay rdtDisabled"
+ data-value={10}>
+ 10
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay rdtDisabled"
+ data-value={11}>
+ 11
+ </td>
+ <td
+ className="rdtDay rdtDisabled"
+ data-value={12}>
+ 12
+ </td>
+ <td
+ className="rdtDay rdtDisabled"
+ data-value={13}>
+ 13
+ </td>
+ <td
+ className="rdtDay rdtDisabled"
+ data-value={14}>
+ 14
+ </td>
+ <td
+ className="rdtDay rdtDisabled"
+ data-value={15}>
+ 15
+ </td>
+ <td
+ className="rdtDay rdtDisabled"
+ data-value={16}>
+ 16
+ </td>
+ <td
+ className="rdtDay rdtDisabled"
+ data-value={17}>
+ 17
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay rdtDisabled"
+ data-value={18}>
+ 18
+ </td>
+ <td
+ className="rdtDay rdtDisabled"
+ data-value={19}>
+ 19
+ </td>
+ <td
+ className="rdtDay rdtDisabled"
+ data-value={20}>
+ 20
+ </td>
+ <td
+ className="rdtDay rdtDisabled"
+ data-value={21}>
+ 21
+ </td>
+ <td
+ className="rdtDay rdtToday"
+ data-value={22}
+ onClick={[Function]}>
+ 22
+ </td>
+ <td
+ className="rdtDay"
+ data-value={23}
+ onClick={[Function]}>
+ 23
+ </td>
+ <td
+ className="rdtDay"
+ data-value={24}
+ onClick={[Function]}>
+ 24
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={25}
+ onClick={[Function]}>
+ 25
+ </td>
+ <td
+ className="rdtDay"
+ data-value={26}
+ onClick={[Function]}>
+ 26
+ </td>
+ <td
+ className="rdtDay"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={31}
+ onClick={[Function]}>
+ 31
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay rdtNew"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ </tr>
+ </tbody>
+ <tfoot>
+ <tr>
+ <td
+ className="rdtTimeToggle"
+ colSpan={7}
+ onClick={[Function]}>
+ 12:00 AM
+ </td>
+ </tr>
+ </tfoot>
+ </table>
+ </div>
+ </div>
+</div>
+`;
+
+exports[`test renderDay: specified 1`] = `
+<div
+ className="rdt">
+ <input
+ className="form-control"
+ onChange={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ type="text"
+ value="" />
+ <div
+ className="rdtPicker">
+ <div
+ className="rdtDays">
+ <table>
+ <thead>
+ <tr>
+ <th
+ className="rdtPrev"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ <th
+ className="rdtSwitch"
+ colSpan={5}
+ data-value={11}
+ onClick={[Function]}>
+ December 2016
+ </th>
+ <th
+ className="rdtNext"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ </tr>
+ <tr>
+ <th
+ className="dow">
+ Su
+ </th>
+ <th
+ className="dow">
+ Mo
+ </th>
+ <th
+ className="dow">
+ Tu
+ </th>
+ <th
+ className="dow">
+ We
+ </th>
+ <th
+ className="dow">
+ Th
+ </th>
+ <th
+ className="dow">
+ Fr
+ </th>
+ <th
+ className="dow">
+ Sa
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td
+ className="rdtDay rdtOld"
+ data-value={27}
+ onClick={[Function]}>
+ 027
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={28}
+ onClick={[Function]}>
+ 028
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={29}
+ onClick={[Function]}>
+ 029
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={30}
+ onClick={[Function]}>
+ 030
+ </td>
+ <td
+ className="rdtDay"
+ data-value={1}
+ onClick={[Function]}>
+ 01
+ </td>
+ <td
+ className="rdtDay"
+ data-value={2}
+ onClick={[Function]}>
+ 02
+ </td>
+ <td
+ className="rdtDay"
+ data-value={3}
+ onClick={[Function]}>
+ 03
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={4}
+ onClick={[Function]}>
+ 04
+ </td>
+ <td
+ className="rdtDay"
+ data-value={5}
+ onClick={[Function]}>
+ 05
+ </td>
+ <td
+ className="rdtDay"
+ data-value={6}
+ onClick={[Function]}>
+ 06
+ </td>
+ <td
+ className="rdtDay"
+ data-value={7}
+ onClick={[Function]}>
+ 07
+ </td>
+ <td
+ className="rdtDay"
+ data-value={8}
+ onClick={[Function]}>
+ 08
+ </td>
+ <td
+ className="rdtDay"
+ data-value={9}
+ onClick={[Function]}>
+ 09
+ </td>
+ <td
+ className="rdtDay"
+ data-value={10}
+ onClick={[Function]}>
+ 010
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={11}
+ onClick={[Function]}>
+ 011
+ </td>
+ <td
+ className="rdtDay"
+ data-value={12}
+ onClick={[Function]}>
+ 012
+ </td>
+ <td
+ className="rdtDay"
+ data-value={13}
+ onClick={[Function]}>
+ 013
+ </td>
+ <td
+ className="rdtDay"
+ data-value={14}
+ onClick={[Function]}>
+ 014
+ </td>
+ <td
+ className="rdtDay"
+ data-value={15}
+ onClick={[Function]}>
+ 015
+ </td>
+ <td
+ className="rdtDay"
+ data-value={16}
+ onClick={[Function]}>
+ 016
+ </td>
+ <td
+ className="rdtDay"
+ data-value={17}
+ onClick={[Function]}>
+ 017
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={18}
+ onClick={[Function]}>
+ 018
+ </td>
+ <td
+ className="rdtDay"
+ data-value={19}
+ onClick={[Function]}>
+ 019
+ </td>
+ <td
+ className="rdtDay"
+ data-value={20}
+ onClick={[Function]}>
+ 020
+ </td>
+ <td
+ className="rdtDay"
+ data-value={21}
+ onClick={[Function]}>
+ 021
+ </td>
+ <td
+ className="rdtDay rdtToday"
+ data-value={22}
+ onClick={[Function]}>
+ 022
+ </td>
+ <td
+ className="rdtDay"
+ data-value={23}
+ onClick={[Function]}>
+ 023
+ </td>
+ <td
+ className="rdtDay"
+ data-value={24}
+ onClick={[Function]}>
+ 024
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={25}
+ onClick={[Function]}>
+ 025
+ </td>
+ <td
+ className="rdtDay"
+ data-value={26}
+ onClick={[Function]}>
+ 026
+ </td>
+ <td
+ className="rdtDay"
+ data-value={27}
+ onClick={[Function]}>
+ 027
+ </td>
+ <td
+ className="rdtDay"
+ data-value={28}
+ onClick={[Function]}>
+ 028
+ </td>
+ <td
+ className="rdtDay"
+ data-value={29}
+ onClick={[Function]}>
+ 029
+ </td>
+ <td
+ className="rdtDay"
+ data-value={30}
+ onClick={[Function]}>
+ 030
+ </td>
+ <td
+ className="rdtDay"
+ data-value={31}
+ onClick={[Function]}>
+ 031
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay rdtNew"
+ data-value={1}
+ onClick={[Function]}>
+ 01
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={2}
+ onClick={[Function]}>
+ 02
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={3}
+ onClick={[Function]}>
+ 03
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={4}
+ onClick={[Function]}>
+ 04
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={5}
+ onClick={[Function]}>
+ 05
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={6}
+ onClick={[Function]}>
+ 06
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={7}
+ onClick={[Function]}>
+ 07
+ </td>
+ </tr>
+ </tbody>
+ <tfoot>
+ <tr>
+ <td
+ className="rdtTimeToggle"
+ colSpan={7}
+ onClick={[Function]}>
+ 12:00 AM
+ </td>
+ </tr>
+ </tfoot>
+ </table>
+ </div>
+ </div>
+</div>
+`;
+
+exports[`test renderMonth: specified 1`] = `
+<div
+ className="rdt">
+ <input
+ className="form-control"
+ onChange={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ type="text"
+ value="" />
+ <div
+ className="rdtPicker">
+ <div
+ className="rdtDays">
+ <table>
+ <thead>
+ <tr>
+ <th
+ className="rdtPrev"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ <th
+ className="rdtSwitch"
+ colSpan={5}
+ data-value={11}
+ onClick={[Function]}>
+ December 2016
+ </th>
+ <th
+ className="rdtNext"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ </tr>
+ <tr>
+ <th
+ className="dow">
+ Su
+ </th>
+ <th
+ className="dow">
+ Mo
+ </th>
+ <th
+ className="dow">
+ Tu
+ </th>
+ <th
+ className="dow">
+ We
+ </th>
+ <th
+ className="dow">
+ Th
+ </th>
+ <th
+ className="dow">
+ Fr
+ </th>
+ <th
+ className="dow">
+ Sa
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td
+ className="rdtDay rdtOld"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ <td
+ className="rdtDay"
+ data-value={8}
+ onClick={[Function]}>
+ 8
+ </td>
+ <td
+ className="rdtDay"
+ data-value={9}
+ onClick={[Function]}>
+ 9
+ </td>
+ <td
+ className="rdtDay"
+ data-value={10}
+ onClick={[Function]}>
+ 10
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={11}
+ onClick={[Function]}>
+ 11
+ </td>
+ <td
+ className="rdtDay"
+ data-value={12}
+ onClick={[Function]}>
+ 12
+ </td>
+ <td
+ className="rdtDay"
+ data-value={13}
+ onClick={[Function]}>
+ 13
+ </td>
+ <td
+ className="rdtDay"
+ data-value={14}
+ onClick={[Function]}>
+ 14
+ </td>
+ <td
+ className="rdtDay"
+ data-value={15}
+ onClick={[Function]}>
+ 15
+ </td>
+ <td
+ className="rdtDay"
+ data-value={16}
+ onClick={[Function]}>
+ 16
+ </td>
+ <td
+ className="rdtDay"
+ data-value={17}
+ onClick={[Function]}>
+ 17
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={18}
+ onClick={[Function]}>
+ 18
+ </td>
+ <td
+ className="rdtDay"
+ data-value={19}
+ onClick={[Function]}>
+ 19
+ </td>
+ <td
+ className="rdtDay"
+ data-value={20}
+ onClick={[Function]}>
+ 20
+ </td>
+ <td
+ className="rdtDay"
+ data-value={21}
+ onClick={[Function]}>
+ 21
+ </td>
+ <td
+ className="rdtDay rdtToday"
+ data-value={22}
+ onClick={[Function]}>
+ 22
+ </td>
+ <td
+ className="rdtDay"
+ data-value={23}
+ onClick={[Function]}>
+ 23
+ </td>
+ <td
+ className="rdtDay"
+ data-value={24}
+ onClick={[Function]}>
+ 24
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={25}
+ onClick={[Function]}>
+ 25
+ </td>
+ <td
+ className="rdtDay"
+ data-value={26}
+ onClick={[Function]}>
+ 26
+ </td>
+ <td
+ className="rdtDay"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={31}
+ onClick={[Function]}>
+ 31
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay rdtNew"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ </tr>
+ </tbody>
+ <tfoot>
+ <tr>
+ <td
+ className="rdtTimeToggle"
+ colSpan={7}
+ onClick={[Function]}>
+ 12:00 AM
+ </td>
+ </tr>
+ </tfoot>
+ </table>
+ </div>
+ </div>
+</div>
+`;
+
+exports[`test renderYear: specified 1`] = `
+<div
+ className="rdt">
+ <input
+ className="form-control"
+ onChange={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ type="text"
+ value="" />
+ <div
+ className="rdtPicker">
+ <div
+ className="rdtDays">
+ <table>
+ <thead>
+ <tr>
+ <th
+ className="rdtPrev"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ <th
+ className="rdtSwitch"
+ colSpan={5}
+ data-value={11}
+ onClick={[Function]}>
+ December 2016
+ </th>
+ <th
+ className="rdtNext"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ </tr>
+ <tr>
+ <th
+ className="dow">
+ Su
+ </th>
+ <th
+ className="dow">
+ Mo
+ </th>
+ <th
+ className="dow">
+ Tu
+ </th>
+ <th
+ className="dow">
+ We
+ </th>
+ <th
+ className="dow">
+ Th
+ </th>
+ <th
+ className="dow">
+ Fr
+ </th>
+ <th
+ className="dow">
+ Sa
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td
+ className="rdtDay rdtOld"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ <td
+ className="rdtDay"
+ data-value={8}
+ onClick={[Function]}>
+ 8
+ </td>
+ <td
+ className="rdtDay"
+ data-value={9}
+ onClick={[Function]}>
+ 9
+ </td>
+ <td
+ className="rdtDay"
+ data-value={10}
+ onClick={[Function]}>
+ 10
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={11}
+ onClick={[Function]}>
+ 11
+ </td>
+ <td
+ className="rdtDay"
+ data-value={12}
+ onClick={[Function]}>
+ 12
+ </td>
+ <td
+ className="rdtDay"
+ data-value={13}
+ onClick={[Function]}>
+ 13
+ </td>
+ <td
+ className="rdtDay"
+ data-value={14}
+ onClick={[Function]}>
+ 14
+ </td>
+ <td
+ className="rdtDay"
+ data-value={15}
+ onClick={[Function]}>
+ 15
+ </td>
+ <td
+ className="rdtDay"
+ data-value={16}
+ onClick={[Function]}>
+ 16
+ </td>
+ <td
+ className="rdtDay"
+ data-value={17}
+ onClick={[Function]}>
+ 17
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={18}
+ onClick={[Function]}>
+ 18
+ </td>
+ <td
+ className="rdtDay"
+ data-value={19}
+ onClick={[Function]}>
+ 19
+ </td>
+ <td
+ className="rdtDay"
+ data-value={20}
+ onClick={[Function]}>
+ 20
+ </td>
+ <td
+ className="rdtDay"
+ data-value={21}
+ onClick={[Function]}>
+ 21
+ </td>
+ <td
+ className="rdtDay rdtToday"
+ data-value={22}
+ onClick={[Function]}>
+ 22
+ </td>
+ <td
+ className="rdtDay"
+ data-value={23}
+ onClick={[Function]}>
+ 23
+ </td>
+ <td
+ className="rdtDay"
+ data-value={24}
+ onClick={[Function]}>
+ 24
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={25}
+ onClick={[Function]}>
+ 25
+ </td>
+ <td
+ className="rdtDay"
+ data-value={26}
+ onClick={[Function]}>
+ 26
+ </td>
+ <td
+ className="rdtDay"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={31}
+ onClick={[Function]}>
+ 31
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay rdtNew"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ </tr>
+ </tbody>
+ <tfoot>
+ <tr>
+ <td
+ className="rdtTimeToggle"
+ colSpan={7}
+ onClick={[Function]}>
+ 12:00 AM
+ </td>
+ </tr>
+ </tfoot>
+ </table>
+ </div>
+ </div>
+</div>
+`;
+
+exports[`test value: set to arbitrary value 1`] = `
+<div
+ className="rdt">
+ <input
+ className="form-control"
+ onChange={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ type="text"
+ value="12/22/2016 12:36 AM" />
+ <div
+ className="rdtPicker">
+ <div
+ className="rdtDays">
+ <table>
+ <thead>
+ <tr>
+ <th
+ className="rdtPrev"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ <th
+ className="rdtSwitch"
+ colSpan={5}
+ data-value={11}
+ onClick={[Function]}>
+ December 2016
+ </th>
+ <th
+ className="rdtNext"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ </tr>
+ <tr>
+ <th
+ className="dow">
+ Su
+ </th>
+ <th
+ className="dow">
+ Mo
+ </th>
+ <th
+ className="dow">
+ Tu
+ </th>
+ <th
+ className="dow">
+ We
+ </th>
+ <th
+ className="dow">
+ Th
+ </th>
+ <th
+ className="dow">
+ Fr
+ </th>
+ <th
+ className="dow">
+ Sa
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td
+ className="rdtDay rdtOld"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ <td
+ className="rdtDay"
+ data-value={8}
+ onClick={[Function]}>
+ 8
+ </td>
+ <td
+ className="rdtDay"
+ data-value={9}
+ onClick={[Function]}>
+ 9
+ </td>
+ <td
+ className="rdtDay"
+ data-value={10}
+ onClick={[Function]}>
+ 10
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={11}
+ onClick={[Function]}>
+ 11
+ </td>
+ <td
+ className="rdtDay"
+ data-value={12}
+ onClick={[Function]}>
+ 12
+ </td>
+ <td
+ className="rdtDay"
+ data-value={13}
+ onClick={[Function]}>
+ 13
+ </td>
+ <td
+ className="rdtDay"
+ data-value={14}
+ onClick={[Function]}>
+ 14
+ </td>
+ <td
+ className="rdtDay"
+ data-value={15}
+ onClick={[Function]}>
+ 15
+ </td>
+ <td
+ className="rdtDay"
+ data-value={16}
+ onClick={[Function]}>
+ 16
+ </td>
+ <td
+ className="rdtDay"
+ data-value={17}
+ onClick={[Function]}>
+ 17
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={18}
+ onClick={[Function]}>
+ 18
+ </td>
+ <td
+ className="rdtDay"
+ data-value={19}
+ onClick={[Function]}>
+ 19
+ </td>
+ <td
+ className="rdtDay"
+ data-value={20}
+ onClick={[Function]}>
+ 20
+ </td>
+ <td
+ className="rdtDay"
+ data-value={21}
+ onClick={[Function]}>
+ 21
+ </td>
+ <td
+ className="rdtDay rdtActive rdtToday"
+ data-value={22}
+ onClick={[Function]}>
+ 22
+ </td>
+ <td
+ className="rdtDay"
+ data-value={23}
+ onClick={[Function]}>
+ 23
+ </td>
+ <td
+ className="rdtDay"
+ data-value={24}
+ onClick={[Function]}>
+ 24
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={25}
+ onClick={[Function]}>
+ 25
+ </td>
+ <td
+ className="rdtDay"
+ data-value={26}
+ onClick={[Function]}>
+ 26
+ </td>
+ <td
+ className="rdtDay"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={31}
+ onClick={[Function]}>
+ 31
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay rdtNew"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ </tr>
+ </tbody>
+ <tfoot>
+ <tr>
+ <td
+ className="rdtTimeToggle"
+ colSpan={7}
+ onClick={[Function]}>
+ 12:36 AM
+ </td>
+ </tr>
+ </tfoot>
+ </table>
+ </div>
+ </div>
+</div>
+`;
+
+exports[`timeFormat set to false 1`] = `
+<div
+ className="rdt">
+ <input
+ className="form-control"
+ onChange={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ type="text"
+ value="" />
+ <div
+ className="rdtPicker">
+ <div
+ className="rdtDays">
+ <table>
+ <thead>
+ <tr>
+ <th
+ className="rdtPrev"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ <th
+ className="rdtSwitch"
+ colSpan={5}
+ data-value={11}
+ onClick={[Function]}>
+ December 2016
+ </th>
+ <th
+ className="rdtNext"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ </tr>
+ <tr>
+ <th
+ className="dow">
+ Su
+ </th>
+ <th
+ className="dow">
+ Mo
+ </th>
+ <th
+ className="dow">
+ Tu
+ </th>
+ <th
+ className="dow">
+ We
+ </th>
+ <th
+ className="dow">
+ Th
+ </th>
+ <th
+ className="dow">
+ Fr
+ </th>
+ <th
+ className="dow">
+ Sa
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td
+ className="rdtDay rdtOld"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ <td
+ className="rdtDay"
+ data-value={8}
+ onClick={[Function]}>
+ 8
+ </td>
+ <td
+ className="rdtDay"
+ data-value={9}
+ onClick={[Function]}>
+ 9
+ </td>
+ <td
+ className="rdtDay"
+ data-value={10}
+ onClick={[Function]}>
+ 10
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={11}
+ onClick={[Function]}>
+ 11
+ </td>
+ <td
+ className="rdtDay"
+ data-value={12}
+ onClick={[Function]}>
+ 12
+ </td>
+ <td
+ className="rdtDay"
+ data-value={13}
+ onClick={[Function]}>
+ 13
+ </td>
+ <td
+ className="rdtDay"
+ data-value={14}
+ onClick={[Function]}>
+ 14
+ </td>
+ <td
+ className="rdtDay"
+ data-value={15}
+ onClick={[Function]}>
+ 15
+ </td>
+ <td
+ className="rdtDay"
+ data-value={16}
+ onClick={[Function]}>
+ 16
+ </td>
+ <td
+ className="rdtDay"
+ data-value={17}
+ onClick={[Function]}>
+ 17
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={18}
+ onClick={[Function]}>
+ 18
+ </td>
+ <td
+ className="rdtDay"
+ data-value={19}
+ onClick={[Function]}>
+ 19
+ </td>
+ <td
+ className="rdtDay"
+ data-value={20}
+ onClick={[Function]}>
+ 20
+ </td>
+ <td
+ className="rdtDay"
+ data-value={21}
+ onClick={[Function]}>
+ 21
+ </td>
+ <td
+ className="rdtDay rdtToday"
+ data-value={22}
+ onClick={[Function]}>
+ 22
+ </td>
+ <td
+ className="rdtDay"
+ data-value={23}
+ onClick={[Function]}>
+ 23
+ </td>
+ <td
+ className="rdtDay"
+ data-value={24}
+ onClick={[Function]}>
+ 24
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={25}
+ onClick={[Function]}>
+ 25
+ </td>
+ <td
+ className="rdtDay"
+ data-value={26}
+ onClick={[Function]}>
+ 26
+ </td>
+ <td
+ className="rdtDay"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={31}
+ onClick={[Function]}>
+ 31
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay rdtNew"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+</div>
+`;
+
+exports[`timeFormat set to true 1`] = `
+<div
+ className="rdt">
+ <input
+ className="form-control"
+ onChange={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ type="text"
+ value="" />
+ <div
+ className="rdtPicker">
+ <div
+ className="rdtDays">
+ <table>
+ <thead>
+ <tr>
+ <th
+ className="rdtPrev"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ <th
+ className="rdtSwitch"
+ colSpan={5}
+ data-value={11}
+ onClick={[Function]}>
+ December 2016
+ </th>
+ <th
+ className="rdtNext"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ </tr>
+ <tr>
+ <th
+ className="dow">
+ Su
+ </th>
+ <th
+ className="dow">
+ Mo
+ </th>
+ <th
+ className="dow">
+ Tu
+ </th>
+ <th
+ className="dow">
+ We
+ </th>
+ <th
+ className="dow">
+ Th
+ </th>
+ <th
+ className="dow">
+ Fr
+ </th>
+ <th
+ className="dow">
+ Sa
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td
+ className="rdtDay rdtOld"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ <td
+ className="rdtDay"
+ data-value={8}
+ onClick={[Function]}>
+ 8
+ </td>
+ <td
+ className="rdtDay"
+ data-value={9}
+ onClick={[Function]}>
+ 9
+ </td>
+ <td
+ className="rdtDay"
+ data-value={10}
+ onClick={[Function]}>
+ 10
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={11}
+ onClick={[Function]}>
+ 11
+ </td>
+ <td
+ className="rdtDay"
+ data-value={12}
+ onClick={[Function]}>
+ 12
+ </td>
+ <td
+ className="rdtDay"
+ data-value={13}
+ onClick={[Function]}>
+ 13
+ </td>
+ <td
+ className="rdtDay"
+ data-value={14}
+ onClick={[Function]}>
+ 14
+ </td>
+ <td
+ className="rdtDay"
+ data-value={15}
+ onClick={[Function]}>
+ 15
+ </td>
+ <td
+ className="rdtDay"
+ data-value={16}
+ onClick={[Function]}>
+ 16
+ </td>
+ <td
+ className="rdtDay"
+ data-value={17}
+ onClick={[Function]}>
+ 17
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={18}
+ onClick={[Function]}>
+ 18
+ </td>
+ <td
+ className="rdtDay"
+ data-value={19}
+ onClick={[Function]}>
+ 19
+ </td>
+ <td
+ className="rdtDay"
+ data-value={20}
+ onClick={[Function]}>
+ 20
+ </td>
+ <td
+ className="rdtDay"
+ data-value={21}
+ onClick={[Function]}>
+ 21
+ </td>
+ <td
+ className="rdtDay rdtToday"
+ data-value={22}
+ onClick={[Function]}>
+ 22
+ </td>
+ <td
+ className="rdtDay"
+ data-value={23}
+ onClick={[Function]}>
+ 23
+ </td>
+ <td
+ className="rdtDay"
+ data-value={24}
+ onClick={[Function]}>
+ 24
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={25}
+ onClick={[Function]}>
+ 25
+ </td>
+ <td
+ className="rdtDay"
+ data-value={26}
+ onClick={[Function]}>
+ 26
+ </td>
+ <td
+ className="rdtDay"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={31}
+ onClick={[Function]}>
+ 31
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay rdtNew"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ </tr>
+ </tbody>
+ <tfoot>
+ <tr>
+ <td
+ className="rdtTimeToggle"
+ colSpan={7}
+ onClick={[Function]}>
+ 12:00 AM
+ </td>
+ </tr>
+ </tfoot>
+ </table>
+ </div>
+ </div>
+</div>
+`;
+
+exports[`viewMode set to days 1`] = `
+<div
+ className="rdt">
+ <input
+ className="form-control"
+ onChange={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ type="text"
+ value="" />
+ <div
+ className="rdtPicker">
+ <div
+ className="rdtDays">
+ <table>
+ <thead>
+ <tr>
+ <th
+ className="rdtPrev"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ <th
+ className="rdtSwitch"
+ colSpan={5}
+ data-value={11}
+ onClick={[Function]}>
+ December 2016
+ </th>
+ <th
+ className="rdtNext"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ </tr>
+ <tr>
+ <th
+ className="dow">
+ Su
+ </th>
+ <th
+ className="dow">
+ Mo
+ </th>
+ <th
+ className="dow">
+ Tu
+ </th>
+ <th
+ className="dow">
+ We
+ </th>
+ <th
+ className="dow">
+ Th
+ </th>
+ <th
+ className="dow">
+ Fr
+ </th>
+ <th
+ className="dow">
+ Sa
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td
+ className="rdtDay rdtOld"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay rdtOld"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ <td
+ className="rdtDay"
+ data-value={8}
+ onClick={[Function]}>
+ 8
+ </td>
+ <td
+ className="rdtDay"
+ data-value={9}
+ onClick={[Function]}>
+ 9
+ </td>
+ <td
+ className="rdtDay"
+ data-value={10}
+ onClick={[Function]}>
+ 10
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={11}
+ onClick={[Function]}>
+ 11
+ </td>
+ <td
+ className="rdtDay"
+ data-value={12}
+ onClick={[Function]}>
+ 12
+ </td>
+ <td
+ className="rdtDay"
+ data-value={13}
+ onClick={[Function]}>
+ 13
+ </td>
+ <td
+ className="rdtDay"
+ data-value={14}
+ onClick={[Function]}>
+ 14
+ </td>
+ <td
+ className="rdtDay"
+ data-value={15}
+ onClick={[Function]}>
+ 15
+ </td>
+ <td
+ className="rdtDay"
+ data-value={16}
+ onClick={[Function]}>
+ 16
+ </td>
+ <td
+ className="rdtDay"
+ data-value={17}
+ onClick={[Function]}>
+ 17
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={18}
+ onClick={[Function]}>
+ 18
+ </td>
+ <td
+ className="rdtDay"
+ data-value={19}
+ onClick={[Function]}>
+ 19
+ </td>
+ <td
+ className="rdtDay"
+ data-value={20}
+ onClick={[Function]}>
+ 20
+ </td>
+ <td
+ className="rdtDay"
+ data-value={21}
+ onClick={[Function]}>
+ 21
+ </td>
+ <td
+ className="rdtDay rdtToday"
+ data-value={22}
+ onClick={[Function]}>
+ 22
+ </td>
+ <td
+ className="rdtDay"
+ data-value={23}
+ onClick={[Function]}>
+ 23
+ </td>
+ <td
+ className="rdtDay"
+ data-value={24}
+ onClick={[Function]}>
+ 24
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay"
+ data-value={25}
+ onClick={[Function]}>
+ 25
+ </td>
+ <td
+ className="rdtDay"
+ data-value={26}
+ onClick={[Function]}>
+ 26
+ </td>
+ <td
+ className="rdtDay"
+ data-value={27}
+ onClick={[Function]}>
+ 27
+ </td>
+ <td
+ className="rdtDay"
+ data-value={28}
+ onClick={[Function]}>
+ 28
+ </td>
+ <td
+ className="rdtDay"
+ data-value={29}
+ onClick={[Function]}>
+ 29
+ </td>
+ <td
+ className="rdtDay"
+ data-value={30}
+ onClick={[Function]}>
+ 30
+ </td>
+ <td
+ className="rdtDay"
+ data-value={31}
+ onClick={[Function]}>
+ 31
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtDay rdtNew"
+ data-value={1}
+ onClick={[Function]}>
+ 1
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={2}
+ onClick={[Function]}>
+ 2
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={3}
+ onClick={[Function]}>
+ 3
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={4}
+ onClick={[Function]}>
+ 4
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={5}
+ onClick={[Function]}>
+ 5
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={6}
+ onClick={[Function]}>
+ 6
+ </td>
+ <td
+ className="rdtDay rdtNew"
+ data-value={7}
+ onClick={[Function]}>
+ 7
+ </td>
+ </tr>
+ </tbody>
+ <tfoot>
+ <tr>
+ <td
+ className="rdtTimeToggle"
+ colSpan={7}
+ onClick={[Function]}>
+ 12:00 AM
+ </td>
+ </tr>
+ </tfoot>
+ </table>
+ </div>
+ </div>
+</div>
+`;
+
+exports[`viewMode set to months 1`] = `
+<div
+ className="rdt">
+ <input
+ className="form-control"
+ onChange={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ type="text"
+ value="" />
+ <div
+ className="rdtPicker">
+ <div
+ className="rdtMonths">
+ <table>
+ <thead>
+ <tr>
+ <th
+ className="rdtPrev"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ <th
+ className="rdtSwitch"
+ colSpan={2}
+ data-value={2016}
+ onClick={[Function]}>
+ 2016
+ </th>
+ <th
+ className="rdtNext"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ </tr>
+ </thead>
+ </table>
+ <table>
+ <tbody>
+ <tr>
+ <td
+ className="rdtMonth"
+ data-value={0}
+ onClick={[Function]}>
+ Jan
+ </td>
+ <td
+ className="rdtMonth"
+ data-value={1}
+ onClick={[Function]}>
+ Feb
+ </td>
+ <td
+ className="rdtMonth"
+ data-value={2}
+ onClick={[Function]}>
+ Mar
+ </td>
+ <td
+ className="rdtMonth"
+ data-value={3}
+ onClick={[Function]}>
+ Apr
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtMonth"
+ data-value={4}
+ onClick={[Function]}>
+ May
+ </td>
+ <td
+ className="rdtMonth"
+ data-value={5}
+ onClick={[Function]}>
+ Jun
+ </td>
+ <td
+ className="rdtMonth"
+ data-value={6}
+ onClick={[Function]}>
+ Jul
+ </td>
+ <td
+ className="rdtMonth"
+ data-value={7}
+ onClick={[Function]}>
+ Aug
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtMonth"
+ data-value={8}
+ onClick={[Function]}>
+ Sep
+ </td>
+ <td
+ className="rdtMonth"
+ data-value={9}
+ onClick={[Function]}>
+ Oct
+ </td>
+ <td
+ className="rdtMonth"
+ data-value={10}
+ onClick={[Function]}>
+ Nov
+ </td>
+ <td
+ className="rdtMonth"
+ data-value={11}
+ onClick={[Function]}>
+ Dec
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+</div>
+`;
+
+exports[`viewMode set to time 1`] = `
+<div
+ className="rdt">
+ <input
+ className="form-control"
+ onChange={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ type="text"
+ value="" />
+ <div
+ className="rdtPicker">
+ <div
+ className="rdtTime">
+ <table>
+ <thead>
+ <tr>
+ <th
+ className="rdtSwitch"
+ colSpan={4}
+ onClick={[Function]}>
+ 12/01/2016
+ </th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>
+ <div
+ className="rdtCounters">
+ <div
+ className="rdtCounter">
+ <span
+ className="rdtBtn"
+ onMouseDown={[Function]}>
+ ���
+ </span>
+ <div
+ className="rdtCount">
+ 12
+ </div>
+ <span
+ className="rdtBtn"
+ onMouseDown={[Function]}>
+ ���
+ </span>
+ </div>
+ <div
+ className="rdtCounterSeparator">
+ :
+ </div>
+ <div
+ className="rdtCounter">
+ <span
+ className="rdtBtn"
+ onMouseDown={[Function]}>
+ ���
+ </span>
+ <div
+ className="rdtCount">
+ 00
+ </div>
+ <span
+ className="rdtBtn"
+ onMouseDown={[Function]}>
+ ���
+ </span>
+ </div>
+ <div
+ className="rdtCounter">
+ <span
+ className="rdtBtn"
+ onMouseDown={[Function]}>
+ ���
+ </span>
+ <div
+ className="rdtCount">
+ AM
+ </div>
+ <span
+ className="rdtBtn"
+ onMouseDown={[Function]}>
+ ���
+ </span>
+ </div>
+ </div>
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+</div>
+`;
+
+exports[`viewMode set to years 1`] = `
+<div
+ className="rdt">
+ <input
+ className="form-control"
+ onChange={[Function]}
+ onFocus={[Function]}
+ onKeyDown={[Function]}
+ type="text"
+ value="" />
+ <div
+ className="rdtPicker">
+ <div
+ className="rdtYears">
+ <table>
+ <thead>
+ <tr>
+ <th
+ className="rdtPrev"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ <th
+ className="rdtSwitch"
+ colSpan={2}
+ onClick={[Function]}>
+ 2010-2019
+ </th>
+ <th
+ className="rdtNext"
+ onClick={[Function]}>
+ <span>
+ ���
+ </span>
+ </th>
+ </tr>
+ </thead>
+ </table>
+ <table>
+ <tbody>
+ <tr>
+ <td
+ className="rdtYear"
+ data-value={2009}
+ onClick={[Function]}>
+ 2009
+ </td>
+ <td
+ className="rdtYear"
+ data-value={2010}
+ onClick={[Function]}>
+ 2010
+ </td>
+ <td
+ className="rdtYear"
+ data-value={2011}
+ onClick={[Function]}>
+ 2011
+ </td>
+ <td
+ className="rdtYear"
+ data-value={2012}
+ onClick={[Function]}>
+ 2012
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtYear"
+ data-value={2013}
+ onClick={[Function]}>
+ 2013
+ </td>
+ <td
+ className="rdtYear"
+ data-value={2014}
+ onClick={[Function]}>
+ 2014
+ </td>
+ <td
+ className="rdtYear"
+ data-value={2015}
+ onClick={[Function]}>
+ 2015
+ </td>
+ <td
+ className="rdtYear"
+ data-value={2016}
+ onClick={[Function]}>
+ 2016
+ </td>
+ </tr>
+ <tr>
+ <td
+ className="rdtYear"
+ data-value={2017}
+ onClick={[Function]}>
+ 2017
+ </td>
+ <td
+ className="rdtYear"
+ data-value={2018}
+ onClick={[Function]}>
+ 2018
+ </td>
+ <td
+ className="rdtYear"
+ data-value={2019}
+ onClick={[Function]}>
+ 2019
+ </td>
+ <td
+ className="rdtYear"
+ data-value={2020}
+ onClick={[Function]}>
+ 2020
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+</div>
+`;
diff --git a/test/snapshots.spec.js b/test/snapshots.spec.js
new file mode 100644
index 0000000..94a0ebc
--- /dev/null
+++ b/test/snapshots.spec.js
@@ -0,0 +1,209 @@
+/* global it, describe, expect, jest */
+
+import React from 'react'; // eslint-disable-line no-unused-vars
+import Datetime from '../DateTime.js';
+import renderer from 'react-test-renderer';
+
+// findDOMNode is not supported by the react-test-renderer,
+// and even though this component is not using that method
+// a dependency is probably using it. So we need to mock it
+// to make the tests pass.
+// https://github.com/facebook/react/issues/7371
+jest.mock('react-dom', () => ({
+ findDOMNode: () => {},
+}));
+
+// Mock date to get rid of time as a factor to make tests deterministic
+Date.now = jest.fn(() => 1482363367071);
+
+it('everything default: renders correctly', () => {
+ const tree = renderer.create(
+ <Datetime />
+ ).toJSON();
+ expect(tree).toMatchSnapshot();
+});
+
+it('value: set to arbitrary value', () => {
+ const tree = renderer.create(
+ <Datetime defaultValue={Date.now()} />
+ ).toJSON();
+ expect(tree).toMatchSnapshot();
+});
+
+it('defaultValue: set to arbitrary value', () => {
+ const tree = renderer.create(
+ <Datetime defaultValue={Date.now()} />
+ ).toJSON();
+ expect(tree).toMatchSnapshot();
+});
+
+describe('dateFormat', () => {
+ it('set to true', () => {
+ const tree = renderer.create(
+ <Datetime dateFormat={true} />
+ ).toJSON();
+ expect(tree).toMatchSnapshot();
+ });
+
+ it('set to false', () => {
+ const tree = renderer.create(
+ <Datetime dateFormat={false} />
+ ).toJSON();
+ expect(tree).toMatchSnapshot();
+ });
+});
+
+describe('timeFormat', () => {
+ it('set to true', () => {
+ const tree = renderer.create(
+ <Datetime timeFormat={true} />
+ ).toJSON();
+ expect(tree).toMatchSnapshot();
+ });
+
+ it('set to false', () => {
+ const tree = renderer.create(
+ <Datetime timeFormat={false} />
+ ).toJSON();
+ expect(tree).toMatchSnapshot();
+ });
+});
+
+describe('input', () => {
+ it('input: set to true', () => {
+ const tree = renderer.create(
+ <Datetime input={true} />
+ ).toJSON();
+ expect(tree).toMatchSnapshot();
+ });
+
+ it('input: set to false', () => {
+ const tree = renderer.create(
+ <Datetime input={false} />
+ ).toJSON();
+ expect(tree).toMatchSnapshot();
+ });
+});
+
+describe('open', () => {
+ it('set to true', () => {
+ const tree = renderer.create(
+ <Datetime open={true} />
+ ).toJSON();
+ expect(tree).toMatchSnapshot();
+ });
+
+ it('set to false', () => {
+ const tree = renderer.create(
+ <Datetime open={false} />
+ ).toJSON();
+ expect(tree).toMatchSnapshot();
+ });
+});
+
+describe('viewMode', () => {
+ it('set to days', () => {
+ const tree = renderer.create(
+ <Datetime viewMode={'days'} />
+ ).toJSON();
+ expect(tree).toMatchSnapshot();
+ });
+
+ it('set to months', () => {
+ const tree = renderer.create(
+ <Datetime viewMode={'months'} />
+ ).toJSON();
+ expect(tree).toMatchSnapshot();
+ });
+
+ it('set to years', () => {
+ const tree = renderer.create(
+ <Datetime viewMode={'years'} />
+ ).toJSON();
+ expect(tree).toMatchSnapshot();
+ });
+
+ it('set to time', () => {
+ const tree = renderer.create(
+ <Datetime viewMode={'time'} />
+ ).toJSON();
+ expect(tree).toMatchSnapshot();
+ });
+});
+
+it('className: set to arbitraty value', () => {
+ const tree = renderer.create(
+ <Datetime className={'arbitrary-value'} />
+ ).toJSON();
+ expect(tree).toMatchSnapshot();
+});
+
+describe('inputProps', () => {
+ it('with placeholder specified', () => {
+ const tree = renderer.create(
+ <Datetime inputProps={{ placeholder: 'arbitrary-placeholder' }} />
+ ).toJSON();
+ expect(tree).toMatchSnapshot();
+ });
+
+ it('with disabled specified', () => {
+ const tree = renderer.create(
+ <Datetime inputProps={{ disabled: true }} />
+ ).toJSON();
+ expect(tree).toMatchSnapshot();
+ });
+
+ it('with required specified', () => {
+ const tree = renderer.create(
+ <Datetime inputProps={{ required: true }} />
+ ).toJSON();
+ expect(tree).toMatchSnapshot();
+ });
+
+ it('with name specified', () => {
+ const tree = renderer.create(
+ <Datetime inputProps={{ name: 'arbitrary-name' }} />
+ ).toJSON();
+ expect(tree).toMatchSnapshot();
+ });
+
+ it('with className specified', () => {
+ const tree = renderer.create(
+ <Datetime inputProps={{ className: 'arbitrary-className' }} />
+ ).toJSON();
+ expect(tree).toMatchSnapshot();
+ });
+});
+
+it('isValidDate: only valid if after yesterday', () => {
+ const yesterday = Datetime.moment().subtract(1, 'day');
+ const valid = (current) => current.isAfter(yesterday);
+ const tree = renderer.create(
+ <Datetime isValidDate={ valid } />
+ ).toJSON();
+ expect(tree).toMatchSnapshot();
+});
+
+it('renderDay: specified', () => {
+ const renderDay = (props, currentDate) => <td {...props}>{ '0' + currentDate.date() }</td>;
+ const tree = renderer.create(
+ <Datetime renderDay={renderDay} />
+ ).toJSON();
+ expect(tree).toMatchSnapshot();
+});
+
+it('renderMonth: specified', () => {
+ const renderMonth = (props, currentDate) => <td {...props}>{ '0' + currentDate.date() }</td>;
+ const tree = renderer.create(
+ <Datetime renderMonth={renderMonth} />
+ ).toJSON();
+ expect(tree).toMatchSnapshot();
+});
+
+it('renderYear: specified', () => {
+ const renderYear = (props, currentDate) => <td {...props}>{ '0' + currentDate.date() }</td>;
+ const tree = renderer.create(
+ <Datetime renderYear={renderYear} />
+ ).toJSON();
+ expect(tree).toMatchSnapshot();
+});
--
Gitblit v1.9.3