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"
                    onContextMenu={[Function]}
                    onMouseDown={[Function]}>
                    ▲
                  </span>
                  <div
                    className="rdtCount">
                    12
                  </div>
                  <span
                    className="rdtBtn"
                    onContextMenu={[Function]}
                    onMouseDown={[Function]}>
                    ▼
                  </span>
                </div>
                <div
                  className="rdtCounterSeparator">
                  :
                </div>
                <div
                  className="rdtCounter">
                  <span
                    className="rdtBtn"
                    onContextMenu={[Function]}
                    onMouseDown={[Function]}>
                    ▲
                  </span>
                  <div
                    className="rdtCount">
                    00
                  </div>
                  <span
                    className="rdtBtn"
                    onContextMenu={[Function]}
                    onMouseDown={[Function]}>
                    ▼
                  </span>
                </div>
                <div
                  className="rdtCounter">
                  <span
                    className="rdtBtn"
                    onContextMenu={[Function]}
                    onMouseDown={[Function]}>
                    ▲
                  </span>
                  <div
                    className="rdtCount">
                    AM
                  </div>
                  <span
                    className="rdtBtn"
                    onContextMenu={[Function]}
                    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"
                    onContextMenu={[Function]}
                    onMouseDown={[Function]}>
                    ▲
                  </span>
                  <div
                    className="rdtCount">
                    12
                  </div>
                  <span
                    className="rdtBtn"
                    onContextMenu={[Function]}
                    onMouseDown={[Function]}>
                    ▼
                  </span>
                </div>
                <div
                  className="rdtCounterSeparator">
                  :
                </div>
                <div
                  className="rdtCounter">
                  <span
                    className="rdtBtn"
                    onContextMenu={[Function]}
                    onMouseDown={[Function]}>
                    ▲
                  </span>
                  <div
                    className="rdtCount">
                    00
                  </div>
                  <span
                    className="rdtBtn"
                    onContextMenu={[Function]}
                    onMouseDown={[Function]}>
                    ▼
                  </span>
                </div>
                <div
                  className="rdtCounter">
                  <span
                    className="rdtBtn"
                    onContextMenu={[Function]}
                    onMouseDown={[Function]}>
                    ▲
                  </span>
                  <div
                    className="rdtCount">
                    AM
                  </div>
                  <span
                    className="rdtBtn"
                    onContextMenu={[Function]}
                    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>
`;