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

exports[`Datapicker It should render a snapshot 1`] = `
<div>
  <div
    class="ids-dropdown__ref"
  >
    <div
      class="ids-input__wrapper"
    >
      <span
        class="ids-input__asset--prefix"
      >
        <svg
          class="ids-icon"
          fill="none"
          height="24"
          viewBox="0 0 24 24"
          width="24"
          xmlns="http://www.w3.org/2000/svg"
        >
          <path
            clip-rule="evenodd"
            d="M8.75 3a.75.75 0 0 0-1.5 0v1.25H4.5c-.69 0-1.25.56-1.25 1.25v13c0 .69.56 1.25 1.25 1.25h15c.69 0 1.25-.56 1.25-1.25v-13c0-.69-.56-1.25-1.25-1.25h-2.75V3a.75.75 0 0 0-1.5 0v1.25h-6.5V3Zm10.5 5.25v-2.5h-2.5V6a.75.75 0 0 1-1.5 0v-.25h-6.5V6a.75.75 0 0 1-1.5 0v-.25h-2.5v2.5h14.5Zm-14.5 1.5h14.5v8.5H4.75v-8.5Z"
            fill="currentColor"
            fill-rule="evenodd"
          />
        </svg>
      </span>
      <input
        class="ids-input ids-datepicker__input ids-input--prefixIcon"
        type="text"
        value=""
      />
    </div>
  </div>
  <div
    class="ids-dropdown ids-datepicker__dropdown ids-dropdown--medium ids-dropdown--bottom-start"
    data-show="true"
    data-test="datepicker1"
    style="position: fixed; top: 0px; left: 0px;"
  >
    <div
      class="ids-dropdown__scroll-content"
    >
      <div
        aria-label="March 2023"
        class="ids-datepicker"
        id="react-aria-generated-id-0"
        role="application"
      >
        <div
          class="ids-datepicker__header"
        >
          <h2
            class="ids-datepicker__title"
          >
            March 2023
          </h2>
          <button
            aria-label="Previous"
            class="ids-btn ids-icon-btn ids-icon-btn--small ids-datepicker__prev ids-btn--ghost-secondary"
            title=""
            type="button"
          >
            <span
              class=""
            >
              <svg
                class="ids-icon"
                fill="none"
                height="24"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  clip-rule="evenodd"
                  d="M14.53 5.47a.75.75 0 0 1 0 1.06L9.06 12l5.47 5.47a.75.75 0 1 1-1.06 1.06l-5.647-5.646a1.25 1.25 0 0 1 0-1.768L13.47 5.47a.75.75 0 0 1 1.06 0Z"
                  fill="currentColor"
                  fill-rule="evenodd"
                />
              </svg>
            </span>
          </button>
          <button
            aria-label="Next"
            class="ids-btn ids-icon-btn ids-icon-btn--small ids-datepicker__next ids-btn--ghost-secondary"
            title=""
            type="button"
          >
            <span
              class=""
            >
              <svg
                class="ids-icon"
                fill="none"
                height="24"
                viewBox="0 0 24 24"
                width="24"
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  clip-rule="evenodd"
                  d="M9.47 5.47a.75.75 0 0 0 0 1.06L14.94 12l-5.47 5.47a.75.75 0 1 0 1.06 1.06l5.647-5.646a1.25 1.25 0 0 0 0-1.768L10.53 5.47a.75.75 0 0 0-1.06 0Z"
                  fill="currentColor"
                  fill-rule="evenodd"
                />
              </svg>
            </span>
          </button>
        </div>
        <table
          aria-label="March 2023"
          class="ids-datepicker__table"
          id="react-aria-generated-id-1"
          role="grid"
        >
          <thead
            aria-hidden="true"
            class="ids-datepicker__thead"
          >
            <tr>
              <th
                class="ids-datepicker__head"
              >
                S
              </th>
              <th
                class="ids-datepicker__head"
              >
                M
              </th>
              <th
                class="ids-datepicker__head"
              >
                T
              </th>
              <th
                class="ids-datepicker__head"
              >
                W
              </th>
              <th
                class="ids-datepicker__head"
              >
                T
              </th>
              <th
                class="ids-datepicker__head"
              >
                F
              </th>
              <th
                class="ids-datepicker__head"
              >
                S
              </th>
            </tr>
          </thead>
          <tbody
            class="ids-datepicker__body"
          >
            <tr>
              <td
                aria-disabled="true"
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-disabled="true"
                  aria-label="date-label"
                  class="ids-datepicker__content ids-datepicker__content--disabled"
                  hidden=""
                  role="button"
                >
                  26
                </div>
              </td>
              <td
                aria-disabled="true"
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-disabled="true"
                  aria-label="date-label"
                  class="ids-datepicker__content ids-datepicker__content--disabled"
                  hidden=""
                  role="button"
                >
                  27
                </div>
              </td>
              <td
                aria-disabled="true"
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-disabled="true"
                  aria-label="date-label"
                  class="ids-datepicker__content ids-datepicker__content--disabled"
                  hidden=""
                  role="button"
                >
                  28
                </div>
              </td>
              <td
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-label="date-label"
                  class="ids-datepicker__content"
                  role="button"
                  tabindex="-1"
                >
                  1
                </div>
              </td>
              <td
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-label="date-label"
                  class="ids-datepicker__content"
                  role="button"
                  tabindex="-1"
                >
                  2
                </div>
              </td>
              <td
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-label="date-label"
                  class="ids-datepicker__content"
                  role="button"
                  tabindex="-1"
                >
                  3
                </div>
              </td>
              <td
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-label="date-label"
                  class="ids-datepicker__content"
                  role="button"
                  tabindex="-1"
                >
                  4
                </div>
              </td>
            </tr>
            <tr>
              <td
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-label="date-label"
                  class="ids-datepicker__content"
                  role="button"
                  tabindex="-1"
                >
                  5
                </div>
              </td>
              <td
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-label="date-label"
                  class="ids-datepicker__content"
                  role="button"
                  tabindex="-1"
                >
                  6
                </div>
              </td>
              <td
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-label="date-label"
                  class="ids-datepicker__content"
                  role="button"
                  tabindex="-1"
                >
                  7
                </div>
              </td>
              <td
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-label="date-label"
                  class="ids-datepicker__content"
                  role="button"
                  tabindex="-1"
                >
                  8
                </div>
              </td>
              <td
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-label="date-label"
                  class="ids-datepicker__content"
                  role="button"
                  tabindex="-1"
                >
                  9
                </div>
              </td>
              <td
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-label="date-label"
                  class="ids-datepicker__content"
                  role="button"
                  tabindex="-1"
                >
                  10
                </div>
              </td>
              <td
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-label="date-label"
                  class="ids-datepicker__content"
                  role="button"
                  tabindex="-1"
                >
                  11
                </div>
              </td>
            </tr>
            <tr>
              <td
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-label="date-label"
                  class="ids-datepicker__content"
                  role="button"
                  tabindex="-1"
                >
                  12
                </div>
              </td>
              <td
                aria-selected="true"
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-label="date-label"
                  class="ids-datepicker__content ids-datepicker__content--selected"
                  role="button"
                  tabindex="0"
                >
                  13
                </div>
              </td>
              <td
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-label="date-label"
                  class="ids-datepicker__content"
                  role="button"
                  tabindex="-1"
                >
                  14
                </div>
              </td>
              <td
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-label="date-label"
                  class="ids-datepicker__content"
                  role="button"
                  tabindex="-1"
                >
                  15
                </div>
              </td>
              <td
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-label="date-label"
                  class="ids-datepicker__content"
                  role="button"
                  tabindex="-1"
                >
                  16
                </div>
              </td>
              <td
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-label="date-label"
                  class="ids-datepicker__content"
                  role="button"
                  tabindex="-1"
                >
                  17
                </div>
              </td>
              <td
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-label="date-label"
                  class="ids-datepicker__content"
                  role="button"
                  tabindex="-1"
                >
                  18
                </div>
              </td>
            </tr>
            <tr>
              <td
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-label="date-label"
                  class="ids-datepicker__content"
                  role="button"
                  tabindex="-1"
                >
                  19
                </div>
              </td>
              <td
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-label="date-label"
                  class="ids-datepicker__content"
                  role="button"
                  tabindex="-1"
                >
                  20
                </div>
              </td>
              <td
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-label="date-label"
                  class="ids-datepicker__content"
                  role="button"
                  tabindex="-1"
                >
                  21
                </div>
              </td>
              <td
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-label="date-label"
                  class="ids-datepicker__content"
                  role="button"
                  tabindex="-1"
                >
                  22
                </div>
              </td>
              <td
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-label="date-label"
                  class="ids-datepicker__content"
                  role="button"
                  tabindex="-1"
                >
                  23
                </div>
              </td>
              <td
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-label="date-label"
                  class="ids-datepicker__content"
                  role="button"
                  tabindex="-1"
                >
                  24
                </div>
              </td>
              <td
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-label="date-label"
                  class="ids-datepicker__content"
                  role="button"
                  tabindex="-1"
                >
                  25
                </div>
              </td>
            </tr>
            <tr>
              <td
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-label="date-label"
                  class="ids-datepicker__content"
                  role="button"
                  tabindex="-1"
                >
                  26
                </div>
              </td>
              <td
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-label="date-label"
                  class="ids-datepicker__content"
                  role="button"
                  tabindex="-1"
                >
                  27
                </div>
              </td>
              <td
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-label="date-label"
                  class="ids-datepicker__content"
                  role="button"
                  tabindex="-1"
                >
                  28
                </div>
              </td>
              <td
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-label="date-label"
                  class="ids-datepicker__content"
                  role="button"
                  tabindex="-1"
                >
                  29
                </div>
              </td>
              <td
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-label="date-label"
                  class="ids-datepicker__content"
                  role="button"
                  tabindex="-1"
                >
                  30
                </div>
              </td>
              <td
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-label="date-label"
                  class="ids-datepicker__content"
                  role="button"
                  tabindex="-1"
                >
                  31
                </div>
              </td>
              <td
                aria-disabled="true"
                class="ids-datepicker__cell"
                role="gridcell"
              >
                <div
                  aria-disabled="true"
                  aria-label="date-label"
                  class="ids-datepicker__content ids-datepicker__content--disabled"
                  hidden=""
                  role="button"
                >
                  1
                </div>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
`;
