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

exports[`<TimePicker /> Style should match the snapshot 1`] = `
Object {
  "asFragment": [Function],
  "baseElement": .c1 {
  font-size: 1em;
  line-height: 1.465;
  font-weight: normal;
  font-family: Arial,Helvetica,"sans-serif",Helvetica,sans-serif;
  padding: 0;
  color: inherit;
  margin: 0;
}

.c1:last-child {
  margin: 0;
}

.c6 {
  font-size: 1em;
  line-height: 1.465;
  font-weight: normal;
  font-family: Arial,Helvetica,"sans-serif",Helvetica,sans-serif;
  padding: 0;
  white-space: nowrap;
  color: #111111;
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
  border-width: 0px;
  border-style: solid;
  padding-right: 10px;
  padding-left: 10px;
  font-family: Arial,Helvetica,"sans-serif";
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 260px;
  background: linear-gradient(#FFFFFF,#FFFFFF 80%,#FFFFFF);
  border-color: #fff #fff #fff;
  background: linear-gradient(#FFFFFF,#FFFFFF 80%,#FFFFFF);
  border-color: #fff #fff #fff;
  color: undefined;
  padding-top: 0.45rem;
  padding-bottom: 0.45rem;
  font-size: 0.875rem;
  box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.1);
}

.c6:hover {
  background: linear-gradient(#fff,#f9f9f9);
}

.c6:focus {
  box-shadow: 0 0 2px 0 #E77600;
  outline: none;
}

.c6:active {
  border-color: #fff #fff #fff;
}

.c6:disabled {
  cursor: not-allowed;
  opacity: 0.7;
  outline: none;
  pointer-events: none;
}

.c6:disabled:hover {
  background: linear-gradient(#FFFFFF,#FFFFFF 80%,#FFFFFF);
}

.c6 > img,
.c6 .loader {
  margin-right: undefined;
  position: relative;
  top: 1px;
}

.c6:hover {
  background: linear-gradient(#fff,#f9f9f9);
}

.c6:focus {
  box-shadow: 0 0 2px 0 #E77600;
  outline: none;
}

.c6:active {
  border-color: #fff #fff #fff;
}

.c6:disabled {
  cursor: not-allowed;
  opacity: 0.7;
  outline: none;
  pointer-events: none;
}

.c6:disabled:hover {
  background: linear-gradient(#FFFFFF,#FFFFFF 80%,#FFFFFF);
}

.c2 {
  font-weight: bold !important;
}

.c3 {
  color: #555555;
}

.c0 {
  padding: 14px;
  text-align: left;
}

.c4 {
  position: relative;
  white-space: pre-line;
  border-radius: 6px;
}

.c5 {
  background-color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding: 10px;
}

.c5 span {
  padding: 0 5px;
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}

.c7 {
  border: 1px solid #DDDDDD;
  padding: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.c7[disabled] {
  opacity: 0.3 !important;
}

.c7>div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.c9 {
  border: 1px solid #DDDDDD;
  padding: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.c9[disabled] {
  opacity: 0.3 !important;
}

.c9>div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.c8 {
  font-size: 0;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.c8 svg {
  width: 8px;
  height: 12px;
}

.c10 {
  font-size: 0;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.c10 svg {
  width: 8px;
  height: 12px;
}

.c11 {
  padding: 0 22px;
}

.c11 button {
  margin-top: 10px;
  width: 100%;
  max-width: none;
  border-radius: 6px;
  white-space: pre-line;
}

.c11 button[data-selected='true'] {
  box-shadow: none;
  border: 1px solid #398ADA;
}

.c12 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 22px;
}

.c12 button {
  border-radius: 6px;
  padding: 10px;
}

.c12 button[disabled] {
  opacity: 0.3 !important;
}

<body>
    <div>
      <div
        class="c0"
      >
        <p
          class="c1 c2"
          style="margin: 0px;"
        >
          TimePickerTitle
        </p>
        <p
          class="c1 c3"
          style="margin: 0px;"
        >
          TimePickerSubtitle
        </p>
      </div>
      <div
        class="c4"
      >
        <div
          class="c5"
        >
          <button
            class="c6 c7"
            data-selected="false"
            data-testid="time-picker-prev-date-button"
            disabled=""
            type="default"
          >
            <div
              class="c8"
              direction="left"
            >
              <svg
                height="12px"
                viewBox="0 0 8 12"
                width="8px"
                xmlns="http://www.w3.org/2000/svg"
              >
                <title>
                  Path
                </title>
                <g
                  fill="none"
                  fill-rule="evenodd"
                  id="Page-1"
                  stroke="none"
                  stroke-width="1"
                >
                  <polygon
                    fill="currentColor"
                    fill-rule="nonzero"
                    id="Path"
                    points="2 0 0.59 1.41 5.17 6 0.59 10.59 2 12 8 6"
                  />
                </g>
              </svg>
            </div>
          </button>
          <span>
            Saturday, October 31
          </span>
          <button
            class="c6 c9"
            data-selected="false"
            data-testid="time-picker-next-date-button"
            type="default"
          >
            <div
              class="c10"
              direction="right"
            >
              <svg
                height="12px"
                viewBox="0 0 8 12"
                width="8px"
                xmlns="http://www.w3.org/2000/svg"
              >
                <title>
                  Path
                </title>
                <g
                  fill="none"
                  fill-rule="evenodd"
                  id="Page-1"
                  stroke="none"
                  stroke-width="1"
                >
                  <polygon
                    fill="currentColor"
                    fill-rule="nonzero"
                    id="Path"
                    points="2 0 0.59 1.41 5.17 6 0.59 10.59 2 12 8 6"
                  />
                </g>
              </svg>
            </div>
          </button>
        </div>
        <div
          class="c11"
        >
          <button
            class="c6"
            data-selected="false"
            type="default"
            value="2020-10-31T17:00+00:00"
          >
            5:00 PM UTC
          </button>
        </div>
        <div
          class="c12"
        />
      </div>
    </div>
  </body>,
  "container": <div>
    <div
      class="sc-fAjcbJ bJnSGf"
    >
      <p
        class="sc-bZQynM fraGhu sc-fMiknA guHZOl"
        style="margin: 0px;"
      >
        TimePickerTitle
      </p>
      <p
        class="sc-bZQynM fraGhu sc-dVhcbM fmjyml"
        style="margin: 0px;"
      >
        TimePickerSubtitle
      </p>
    </div>
    <div
      class="sc-caSCKo eMgFmA"
    >
      <div
        class="sc-cHGsZl kpeViL"
      >
        <button
          class="sc-gzVnrw fgSGc sc-TOsTZ sc-kgAjT cxxbiC"
          data-selected="false"
          data-testid="time-picker-prev-date-button"
          disabled=""
          type="default"
        >
          <div
            class="sc-ksYbfQ kgnwri"
            direction="left"
          >
            <svg
              height="12px"
              viewBox="0 0 8 12"
              width="8px"
              xmlns="http://www.w3.org/2000/svg"
            >
              <title>
                Path
              </title>
              <g
                fill="none"
                fill-rule="evenodd"
                id="Page-1"
                stroke="none"
                stroke-width="1"
              >
                <polygon
                  fill="currentColor"
                  fill-rule="nonzero"
                  id="Path"
                  points="2 0 0.59 1.41 5.17 6 0.59 10.59 2 12 8 6"
                />
              </g>
            </svg>
          </div>
        </button>
        <span>
          Saturday, October 31
        </span>
        <button
          class="sc-gzVnrw fgSGc sc-TOsTZ sc-cJSrbW krSpzL"
          data-selected="false"
          data-testid="time-picker-next-date-button"
          type="default"
        >
          <div
            class="sc-ksYbfQ leEBYp"
            direction="right"
          >
            <svg
              height="12px"
              viewBox="0 0 8 12"
              width="8px"
              xmlns="http://www.w3.org/2000/svg"
            >
              <title>
                Path
              </title>
              <g
                fill="none"
                fill-rule="evenodd"
                id="Page-1"
                stroke="none"
                stroke-width="1"
              >
                <polygon
                  fill="currentColor"
                  fill-rule="nonzero"
                  id="Path"
                  points="2 0 0.59 1.41 5.17 6 0.59 10.59 2 12 8 6"
                />
              </g>
            </svg>
          </div>
        </button>
      </div>
      <div
        class="sc-hmzhuo cAkzWi"
      >
        <button
          class="sc-gzVnrw fgSGc"
          data-selected="false"
          type="default"
          value="2020-10-31T17:00+00:00"
        >
          5:00 PM UTC
        </button>
      </div>
      <div
        class="sc-frDJqD cxKniI"
      />
    </div>
  </div>,
  "debug": [Function],
  "findAllByAltText": [Function],
  "findAllByDisplayValue": [Function],
  "findAllByLabelText": [Function],
  "findAllByPlaceholderText": [Function],
  "findAllByRole": [Function],
  "findAllByTestId": [Function],
  "findAllByText": [Function],
  "findAllByTitle": [Function],
  "findByAltText": [Function],
  "findByDisplayValue": [Function],
  "findByLabelText": [Function],
  "findByPlaceholderText": [Function],
  "findByRole": [Function],
  "findByTestId": [Function],
  "findByText": [Function],
  "findByTitle": [Function],
  "getAllByAltText": [Function],
  "getAllByDisplayValue": [Function],
  "getAllByLabelText": [Function],
  "getAllByPlaceholderText": [Function],
  "getAllByRole": [Function],
  "getAllByTestId": [Function],
  "getAllByText": [Function],
  "getAllByTitle": [Function],
  "getByAltText": [Function],
  "getByDisplayValue": [Function],
  "getByLabelText": [Function],
  "getByPlaceholderText": [Function],
  "getByRole": [Function],
  "getByTestId": [Function],
  "getByText": [Function],
  "getByTitle": [Function],
  "queryAllByAltText": [Function],
  "queryAllByDisplayValue": [Function],
  "queryAllByLabelText": [Function],
  "queryAllByPlaceholderText": [Function],
  "queryAllByRole": [Function],
  "queryAllByTestId": [Function],
  "queryAllByText": [Function],
  "queryAllByTitle": [Function],
  "queryByAltText": [Function],
  "queryByDisplayValue": [Function],
  "queryByLabelText": [Function],
  "queryByPlaceholderText": [Function],
  "queryByRole": [Function],
  "queryByTestId": [Function],
  "queryByText": [Function],
  "queryByTitle": [Function],
  "rerender": [Function],
  "unmount": [Function],
}
`;