vue2-datepicker/__test__/__snapshots__/time-range.test.js.snap

// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`TimeRange render: correct classes of the columns 1`] = `
<div
  class="mx-range-wrapper"
>
  <div
    class="mx-time"
  >
    <!---->
     
    <div
      class="mx-time-content"
    >
      <div
        class="mx-time-columns"
      >
        <div
          class="mx-scrollbar mx-time-column"
          style="position: relative; overflow: hidden;"
        >
          <div
            class="mx-scrollbar-wrap"
            style="overflow: hidden scroll; height: 100%; margin-right: -0px;"
          >
            <ul
              data-type="hour"
            >
              <li
                class="cell"
                data-value="1570120200000"
              >
                
        12
      
              </li>
              <li
                class="cell"
                data-value="1570127400000"
              >
                
        02
      
              </li>
              <li
                class="cell"
                data-value="1570134600000"
              >
                
        04
      
              </li>
              <li
                class="cell"
                data-value="1570141800000"
              >
                
        06
      
              </li>
              <li
                class="cell active"
                data-value="1570149000000"
              >
                
        08
      
              </li>
              <li
                class="cell"
                data-value="1570156200000"
              >
                
        10
      
              </li>
            </ul>
          </div>
           
          <div
            class="mx-scrollbar-track"
          >
            <div
              class="mx-scrollbar-thumb"
            />
          </div>
        </div>
        <div
          class="mx-scrollbar mx-time-column"
          style="position: relative; overflow: hidden;"
        >
          <div
            class="mx-scrollbar-wrap"
            style="overflow: hidden scroll; height: 100%; margin-right: -0px;"
          >
            <ul
              data-type="minute"
            >
              <li
                class="cell"
                data-value="1570147200000"
              >
                
        00
      
              </li>
              <li
                class="cell active"
                data-value="1570149000000"
              >
                
        30
      
              </li>
            </ul>
          </div>
           
          <div
            class="mx-scrollbar-track"
          >
            <div
              class="mx-scrollbar-thumb"
            />
          </div>
        </div>
        <div
          class="mx-scrollbar mx-time-column"
          style="position: relative; overflow: hidden;"
        >
          <div
            class="mx-scrollbar-wrap"
            style="overflow: hidden scroll; height: 100%; margin-right: -0px;"
          >
            <ul
              data-type="ampm"
            >
              <li
                class="cell active"
                data-value="1570149000000"
              >
                
        AM
      
              </li>
              <li
                class="cell"
                data-value="1570192200000"
              >
                
        PM
      
              </li>
            </ul>
          </div>
           
          <div
            class="mx-scrollbar-track"
          >
            <div
              class="mx-scrollbar-thumb"
            />
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="mx-time"
  >
    <!---->
     
    <div
      class="mx-time-content"
    >
      <div
        class="mx-time-columns"
      >
        <div
          class="mx-scrollbar mx-time-column"
          style="position: relative; overflow: hidden;"
        >
          <div
            class="mx-scrollbar-wrap"
            style="overflow: hidden scroll; height: 100%; margin-right: -0px;"
          >
            <ul
              data-type="hour"
            >
              <li
                class="cell"
                data-value="1570163400000"
              >
                
        12
      
              </li>
              <li
                class="cell"
                data-value="1570170600000"
              >
                
        02
      
              </li>
              <li
                class="cell"
                data-value="1570177800000"
              >
                
        04
      
              </li>
              <li
                class="cell active"
                data-value="1570185000000"
              >
                
        06
      
              </li>
              <li
                class="cell"
                data-value="1570192200000"
              >
                
        08
      
              </li>
              <li
                class="cell"
                data-value="1570199400000"
              >
                
        10
      
              </li>
            </ul>
          </div>
           
          <div
            class="mx-scrollbar-track"
          >
            <div
              class="mx-scrollbar-thumb"
            />
          </div>
        </div>
        <div
          class="mx-scrollbar mx-time-column"
          style="position: relative; overflow: hidden;"
        >
          <div
            class="mx-scrollbar-wrap"
            style="overflow: hidden scroll; height: 100%; margin-right: -0px;"
          >
            <ul
              data-type="minute"
            >
              <li
                class="cell"
                data-value="1570183200000"
              >
                
        00
      
              </li>
              <li
                class="cell active"
                data-value="1570185000000"
              >
                
        30
      
              </li>
            </ul>
          </div>
           
          <div
            class="mx-scrollbar-track"
          >
            <div
              class="mx-scrollbar-thumb"
            />
          </div>
        </div>
        <div
          class="mx-scrollbar mx-time-column"
          style="position: relative; overflow: hidden;"
        >
          <div
            class="mx-scrollbar-wrap"
            style="overflow: hidden scroll; height: 100%; margin-right: -0px;"
          >
            <ul
              data-type="ampm"
            >
              <li
                class="cell disabled"
                data-value="1570141800000"
              >
                
        AM
      
              </li>
              <li
                class="cell active"
                data-value="1570185000000"
              >
                
        PM
      
              </li>
            </ul>
          </div>
           
          <div
            class="mx-scrollbar-track"
          >
            <div
              class="mx-scrollbar-thumb"
            />
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;