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

exports[`TimeWindow component renders as expected 1`] = `
<div
  className="creation-view-controls-labels"
>
  <div
    className="creation-view-controls-textarea-title"
  />
  <div
    className="timeWindow-container"
  >
    <div
      className="bx--form-item"
    >
      <div
        className="timeWindow-mode-container"
      >
        <div
          className="radioButtonWrapper mode-btn"
        >
          <input
            checked={true}
            className="bx--radio-button"
            id="default-mode-undefined"
            name="timeWindow-mode-container-undefined"
            onChange={[Function]}
            onClick={[Function]}
            type="radio"
            value=""
          />
          <label
            className="bx--radio-button__label"
            htmlFor="default-mode-undefined"
          >
            <span
              className="bx--radio-button__appearance"
            />
            Always active
          </label>
        </div>
        <div
          className="radioButtonWrapper mode-btn"
        >
          <input
            checked={false}
            className="bx--radio-button"
            id="active-mode-undefined"
            name="timeWindow-mode-container-undefined"
            onChange={[Function]}
            onClick={[Function]}
            type="radio"
            value="\\"active\\""
          />
          <label
            className="bx--radio-button__label"
            htmlFor="active-mode-undefined"
          >
            <span
              className="bx--radio-button__appearance"
            />
            Active within specified interval
          </label>
        </div>
        <div
          className="radioButtonWrapper mode-btn"
        >
          <input
            checked={false}
            className="bx--radio-button"
            id="blocked-mode-undefined"
            name="timeWindow-mode-container-undefined"
            onChange={[Function]}
            onClick={[Function]}
            type="radio"
            value="\\"blocked\\""
          />
          <label
            className="bx--radio-button__label"
            htmlFor="blocked-mode-undefined"
          >
            <span
              className="bx--radio-button__appearance"
            />
            Blocked within specified interval
          </label>
        </div>
      </div>
    </div>
    <ul
      className="bx--accordion"
    >
      <li
        className="bx--accordion__item"
        onClick={[Function]}
        onKeyPress={[Function]}
        open={false}
        role="presentation"
      >
        <button
          aria-expanded={false}
          className="bx--accordion__heading"
          onClick={[Function]}
          type="button"
        >
          <svg
            alt="Expand/Collapse"
            aria-label="Expand/Collapse"
            className="bx--accordion__arrow"
            fillRule="evenodd"
            height="12"
            role={null}
            viewBox="0 0 7 12"
            width="7"
          >
            <title>
              Expand/Collapse
            </title>
            <path
              d="M5.569 5.994L0 .726.687 0l6.336 5.994-6.335 6.002L0 11.27z"
            />
          </svg>
          <div
            className="bx--accordion__title"
          >
            Time window configuration
          </div>
        </button>
        <div
          className="bx--accordion__content"
        >
          <div
            className="timeWindow-config-container"
            id="timeWindow-config"
          >
            <div
              className="config-days-section"
            >
              <div
                className="config-title"
              >
                Days of the week
                 
                *
              </div>
              <div
                className="config-descr"
              >
                Select at least one day to create a time window.
              </div>
              <div
                className="config-days-selector"
              >
                <div
                  className="first-col"
                >
                  <div
                    className="bx--form-item bx--checkbox-wrapper"
                  >
                    <input
                      checked={false}
                      className="bx--checkbox"
                      disabled={true}
                      id="mon-undefined"
                      name="days-selector"
                      onChange={[Function]}
                      onClick={[Function]}
                      type="checkbox"
                      value="\\"Monday\\""
                    />
                    <label
                      className="bx--checkbox-label"
                      htmlFor="mon-undefined"
                      title={null}
                    >
                      <span
                        className=""
                      >
                        Monday
                      </span>
                    </label>
                  </div>
                  <div
                    className="bx--form-item bx--checkbox-wrapper"
                  >
                    <input
                      checked={false}
                      className="bx--checkbox"
                      disabled={true}
                      id="tue-undefined"
                      name="days-selector"
                      onChange={[Function]}
                      onClick={[Function]}
                      type="checkbox"
                      value="\\"Tuesday\\""
                    />
                    <label
                      className="bx--checkbox-label"
                      htmlFor="tue-undefined"
                      title={null}
                    >
                      <span
                        className=""
                      >
                        Tuesday
                      </span>
                    </label>
                  </div>
                  <div
                    className="bx--form-item bx--checkbox-wrapper"
                  >
                    <input
                      checked={false}
                      className="bx--checkbox"
                      disabled={true}
                      id="wed-undefined"
                      name="days-selector"
                      onChange={[Function]}
                      onClick={[Function]}
                      type="checkbox"
                      value="\\"Wednesday\\""
                    />
                    <label
                      className="bx--checkbox-label"
                      htmlFor="wed-undefined"
                      title={null}
                    >
                      <span
                        className=""
                      >
                        Wednesday
                      </span>
                    </label>
                  </div>
                  <div
                    className="bx--form-item bx--checkbox-wrapper"
                  >
                    <input
                      checked={false}
                      className="bx--checkbox"
                      disabled={true}
                      id="thu-undefined"
                      name="days-selector"
                      onChange={[Function]}
                      onClick={[Function]}
                      type="checkbox"
                      value="\\"Thursday\\""
                    />
                    <label
                      className="bx--checkbox-label"
                      htmlFor="thu-undefined"
                      title={null}
                    >
                      <span
                        className=""
                      >
                        Thursday
                      </span>
                    </label>
                  </div>
                  <div
                    className="bx--form-item bx--checkbox-wrapper"
                  >
                    <input
                      checked={false}
                      className="bx--checkbox"
                      disabled={true}
                      id="fri-undefined"
                      name="days-selector"
                      onChange={[Function]}
                      onClick={[Function]}
                      type="checkbox"
                      value="\\"Friday\\""
                    />
                    <label
                      className="bx--checkbox-label"
                      htmlFor="fri-undefined"
                      title={null}
                    >
                      <span
                        className=""
                      >
                        Friday
                      </span>
                    </label>
                  </div>
                </div>
                <div
                  className="second-col"
                >
                  <div
                    className="bx--form-item bx--checkbox-wrapper"
                  >
                    <input
                      checked={false}
                      className="bx--checkbox"
                      disabled={true}
                      id="sat-undefined"
                      name="days-selector"
                      onChange={[Function]}
                      onClick={[Function]}
                      type="checkbox"
                      value="\\"Saturday\\""
                    />
                    <label
                      className="bx--checkbox-label"
                      htmlFor="sat-undefined"
                      title={null}
                    >
                      <span
                        className=""
                      >
                        Saturday
                      </span>
                    </label>
                  </div>
                  <div
                    className="bx--form-item bx--checkbox-wrapper"
                  >
                    <input
                      checked={false}
                      className="bx--checkbox"
                      disabled={true}
                      id="sun-undefined"
                      name="days-selector"
                      onChange={[Function]}
                      onClick={[Function]}
                      type="checkbox"
                      value="\\"Sunday\\""
                    />
                    <label
                      className="bx--checkbox-label"
                      htmlFor="sun-undefined"
                      title={null}
                    >
                      <span
                        className=""
                      >
                        Sunday
                      </span>
                    </label>
                  </div>
                </div>
              </div>
            </div>
            <div
              className="config-timezone-section"
            >
              <div
                className="config-title"
              >
                Time zone
                 
                *
              </div>
              <div
                aria-label="Choose an item"
                className="bx--combo-box config-timezone-combo-box bx--list-box bx--list-box--disabled"
                onClick={[Function]}
                onKeyDown={[Function]}
                role="listbox"
                tabIndex="0"
              >
                <div
                  aria-expanded={false}
                  aria-haspopup={true}
                  aria-label="open menu"
                  className="bx--list-box__field"
                  data-toggle={true}
                  disabled={true}
                  role="button"
                  tabIndex="0"
                  type="button"
                >
                  <input
                    aria-activedescendant={null}
                    aria-autocomplete="list"
                    aria-expanded={false}
                    aria-label="timezoneComboBox"
                    autoComplete="off"
                    className="bx--text-input"
                    disabled={true}
                    id="downshift-0-input"
                    label="Time zone combo box menu options"
                    placeholder="Choose a location"
                    role="combobox"
                    value=""
                  />
                  
                  <div
                    className="bx--list-box__menu-icon"
                  >
                    <svg
                      alt="Open menu"
                      aria-label="Open menu"
                      fillRule="evenodd"
                      height="5"
                      role="img"
                      viewBox="0 0 10 5"
                      width="10"
                    >
                      <title>
                        Open menu
                      </title>
                      <path
                        d="M0 0l5 4.998L10 0z"
                      />
                    </svg>
                  </div>
                </div>
              </div>
            </div>
            <div
              className="config-time-section"
            >
              <div
                className="config-time-container"
              >
                <div
                  className="config-start-time"
                >
                  <div
                    className="bx--form-item"
                  >
                    <div
                      className="bx--time-picker"
                    >
                      <div
                        className="bx--time-picker__input"
                      >
                        <label
                          className="bx--label"
                          htmlFor="start-time-0"
                        >
                          Start Time
                        </label>
                        <input
                          className="bx--time-picker__input-field"
                          disabled={true}
                          id="start-time-0"
                          maxLength={5}
                          name="start-time"
                          onBlur={[Function]}
                          onChange={[Function]}
                          onClick={[Function]}
                          pattern="(1[012]|[1-9]):[0-5][0-9](\\\\s)?(?i)"
                          placeholder="hh:mm"
                          type="time"
                          value=""
                        />
                      </div>
                    </div>
                  </div>
                </div>
                <div
                  className="config-end-time"
                >
                  <div
                    className="bx--form-item"
                  >
                    <div
                      className="bx--time-picker"
                    >
                      <div
                        className="bx--time-picker__input"
                      >
                        <label
                          className="bx--label"
                          htmlFor="end-time-0"
                        >
                          End Time
                        </label>
                        <input
                          className="bx--time-picker__input-field"
                          disabled={true}
                          id="end-time-0"
                          maxLength={5}
                          name="end-time"
                          onBlur={[Function]}
                          onChange={[Function]}
                          onClick={[Function]}
                          pattern="(1[012]|[1-9]):[0-5][0-9](\\\\s)?(?i)"
                          placeholder="hh:mm"
                          type="time"
                          value=""
                        />
                      </div>
                    </div>
                  </div>
                </div>
                
              </div>
              <div
                className="add-time-btn btn-disabled"
                onClick={[Function]}
                onKeyPress={[Function]}
                role="button"
                tabIndex="0"
              >
                <svg
                  alt=""
                  aria-label=""
                  className="add-time-btn-icon"
                  fill="#3d70b2"
                  fillRule="evenodd"
                  height="16"
                  name="icon--add--glyph"
                  role="img"
                  viewBox="0 0 16 16"
                  width="16"
                >
                  <title>
                    
                  </title>
                  <path
                    d="M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm4 9H9v3H7V9H4V7h3V4h2v3h3v2z"
                  />
                </svg>
                <div
                  className="add-time-btn-text"
                >
                  Add another time range
                </div>
              </div>
            </div>
          </div>
        </div>
      </li>
    </ul>
  </div>
</div>
`;
