go.appointmentcore.com Open in urlscan Pro
2606:4700:20::681a:bc2  Public Scan

Submitted URL: https://www.appointmentcore.com/app/freeslots/FcNpknJ
Effective URL: https://go.appointmentcore.com/book/WBZ6gWMY
Submission: On March 29 via api from US — Scanned from DE

Form analysis 1 forms found in the DOM

<form _ngcontent-ng-c3858199456="" novalidate="" class="ng-untouched ng-pristine ng-valid">
  <div _ngcontent-ng-c3858199456="" class="flex flex-col sm:grid grid-cols-8 gap-6">
    <div _ngcontent-ng-c3858199456="" class="flex flex-col gap-2 mobile-summary"><apollo-create-booking-summary _ngcontent-ng-c3858199456="" _nghost-ng-c1709613812=""><label _ngcontent-ng-c1709613812="" data-cy="Booking-Summary"
          class="wordWrapBreak font-interMedium text-lg md:text-xl 2xl:text-2xl text-primary block" style="color: rgb(109, 212, 0);"> Discovery Call </label><label _ngcontent-ng-c1709613812="" data-cy="Booking-Summary"
          class="wordWrapBreak apollo_label_small text-small block text-bodyColor white-space"> Speak about your business network with Matt Wilson, a 25-year IT veteran </label></apollo-create-booking-summary></div>
    <div _ngcontent-ng-c3858199456="" class="w-full col-span-3 pr-8">
      <div _ngcontent-ng-c3858199456="" class="heading-wrapper mb-8"><label _ngcontent-ng-c3858199456="" class="font-interMedium text-lg md:text-xl 2xl:text-2xl text-titleColor block">Select an Appointment Time</label><label
          _ngcontent-ng-c3858199456="" class="font-interRegular text-xs text-gray-500 block">Pick a suitable date and time to book a meeting</label></div>
      <div _ngcontent-ng-c3858199456="" class="relative"><!----><mat-calendar _ngcontent-ng-c3858199456="" class="mat-calendar ng-star-inserted"><mat-calendar-header class="ng-star-inserted">
            <div class="mat-calendar-header">
              <div class="mat-calendar-controls"><button mat-button="" type="button" aria-live="polite" class="mat-calendar-period-button mdc-button mat-mdc-button mat-unthemed mat-mdc-button-base" mat-ripple-loader-uninitialized=""
                  mat-ripple-loader-class-name="mat-mdc-button-ripple" aria-label="Choose month and year" aria-describedby="mat-calendar-header-1-period-label"><span class="mat-mdc-button-persistent-ripple mdc-button__ripple"></span><span
                    class="mdc-button__label"><span aria-hidden="true">APR 2024</span><svg viewBox="0 0 10 5" focusable="false" aria-hidden="true" class="mat-calendar-arrow">
                      <polygon points="0,0 5,5 10,0"></polygon>
                    </svg></span><span class="mat-mdc-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button>
                <div class="mat-calendar-spacer"></div><button mat-icon-button="" type="button" class="mat-calendar-previous-button mdc-icon-button mat-mdc-icon-button mat-unthemed mat-mdc-button-base" mat-ripple-loader-uninitialized=""
                  mat-ripple-loader-class-name="mat-mdc-button-ripple" mat-ripple-loader-centered="" aria-label="Previous month"><span class="mat-mdc-button-persistent-ripple mdc-icon-button__ripple"></span><span
                    class="mat-mdc-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button><button mat-icon-button="" type="button"
                  class="mat-calendar-next-button mdc-icon-button mat-mdc-icon-button mat-unthemed mat-mdc-button-base" mat-ripple-loader-uninitialized="" mat-ripple-loader-class-name="mat-mdc-button-ripple" mat-ripple-loader-centered=""
                  aria-label="Next month"><span class="mat-mdc-button-persistent-ripple mdc-icon-button__ripple"></span><span class="mat-mdc-focus-indicator"></span><span class="mat-mdc-button-touch-target"></span></button>
              </div>
            </div><label class="mat-calendar-hidden-label" id="mat-calendar-header-1-period-label">APR 2024</label>
          </mat-calendar-header><!---->
          <div cdkmonitorsubtreefocus="" tabindex="-1" class="mat-calendar-content"><mat-month-view class="ng-star-inserted"><label class="mat-calendar-body-hidden-label" id="mat-calendar-body-1-start-date">
              </label><label class="mat-calendar-body-hidden-label" id="mat-calendar-body-1-end-date">
              </label>
              <table role="grid" class="mat-calendar-table">
                <thead class="mat-calendar-table-header">
                  <tr>
                    <th scope="col" class="ng-star-inserted" style=""><span class="cdk-visually-hidden">Sunday</span><span aria-hidden="true">S</span></th>
                    <th scope="col" class="ng-star-inserted" style=""><span class="cdk-visually-hidden">Monday</span><span aria-hidden="true">M</span></th>
                    <th scope="col" class="ng-star-inserted" style=""><span class="cdk-visually-hidden">Tuesday</span><span aria-hidden="true">T</span></th>
                    <th scope="col" class="ng-star-inserted" style=""><span class="cdk-visually-hidden">Wednesday</span><span aria-hidden="true">W</span></th>
                    <th scope="col" class="ng-star-inserted" style=""><span class="cdk-visually-hidden">Thursday</span><span aria-hidden="true">T</span></th>
                    <th scope="col" class="ng-star-inserted" style=""><span class="cdk-visually-hidden">Friday</span><span aria-hidden="true">F</span></th>
                    <th scope="col" class="ng-star-inserted" style=""><span class="cdk-visually-hidden">Saturday</span><span aria-hidden="true">S</span></th><!---->
                  </tr>
                  <tr>
                    <th aria-hidden="true" colspan="7" class="mat-calendar-table-header-divider"></th>
                  </tr>
                </thead>
                <tbody mat-calendar-body="" class="mat-calendar-body">
                  <tr aria-hidden="true" class="ng-star-inserted" style="">
                    <td class="mat-calendar-body-label" colspan="7" style="padding-top: 7.14286%; padding-bottom: 7.14286%;"> APR </td>
                  </tr><!---->
                  <tr role="row" class="ng-star-inserted" style="">
                    <td class="mat-calendar-body-label ng-star-inserted" colspan="1" style="padding-top: 7.14286%; padding-bottom: 7.14286%;"> </td><!---->
                    <td role="gridcell" class="mat-calendar-body-cell-container ng-star-inserted" data-mat-row="0" data-mat-col="0" style="width: 14.2857%; padding-top: 7.14286%; padding-bottom: 7.14286%;"><button type="button"
                        class="mat-calendar-body-cell mat-calendar-body-active highlight-date" tabindex="0" aria-label="April 1, 2024" aria-pressed="true"><span class="mat-calendar-body-cell-content mat-focus-indicator mat-calendar-body-selected"> 1
                        </span><span aria-hidden="true" class="mat-calendar-body-cell-preview"></span></button></td>
                    <td role="gridcell" class="mat-calendar-body-cell-container ng-star-inserted" data-mat-row="0" data-mat-col="1" style="width: 14.2857%; padding-top: 7.14286%; padding-bottom: 7.14286%;"><button type="button"
                        class="mat-calendar-body-cell highlight-date" tabindex="-1" aria-label="April 2, 2024" aria-pressed="false"><span class="mat-calendar-body-cell-content mat-focus-indicator"> 2 </span><span aria-hidden="true"
                          class="mat-calendar-body-cell-preview"></span></button></td>
                    <td role="gridcell" class="mat-calendar-body-cell-container ng-star-inserted" data-mat-row="0" data-mat-col="2" style="width: 14.2857%; padding-top: 7.14286%; padding-bottom: 7.14286%;"><button type="button"
                        class="mat-calendar-body-cell highlight-date" tabindex="-1" aria-label="April 3, 2024" aria-pressed="false"><span class="mat-calendar-body-cell-content mat-focus-indicator"> 3 </span><span aria-hidden="true"
                          class="mat-calendar-body-cell-preview"></span></button></td>
                    <td role="gridcell" class="mat-calendar-body-cell-container ng-star-inserted" data-mat-row="0" data-mat-col="3" style="width: 14.2857%; padding-top: 7.14286%; padding-bottom: 7.14286%;"><button type="button"
                        class="mat-calendar-body-cell highlight-date" tabindex="-1" aria-label="April 4, 2024" aria-pressed="false"><span class="mat-calendar-body-cell-content mat-focus-indicator"> 4 </span><span aria-hidden="true"
                          class="mat-calendar-body-cell-preview"></span></button></td>
                    <td role="gridcell" class="mat-calendar-body-cell-container ng-star-inserted" data-mat-row="0" data-mat-col="4" style="width: 14.2857%; padding-top: 7.14286%; padding-bottom: 7.14286%;"><button type="button"
                        class="mat-calendar-body-cell highlight-date" tabindex="-1" aria-label="April 5, 2024" aria-pressed="false"><span class="mat-calendar-body-cell-content mat-focus-indicator"> 5 </span><span aria-hidden="true"
                          class="mat-calendar-body-cell-preview"></span></button></td>
                    <td role="gridcell" class="mat-calendar-body-cell-container ng-star-inserted" data-mat-row="0" data-mat-col="5" style="width: 14.2857%; padding-top: 7.14286%; padding-bottom: 7.14286%;"><button type="button"
                        class="mat-calendar-body-cell" tabindex="-1" aria-label="April 6, 2024" aria-pressed="false"><span class="mat-calendar-body-cell-content mat-focus-indicator"> 6 </span><span aria-hidden="true"
                          class="mat-calendar-body-cell-preview"></span></button></td><!---->
                  </tr>
                  <tr role="row" class="ng-star-inserted" style=""><!---->
                    <td role="gridcell" class="mat-calendar-body-cell-container ng-star-inserted" data-mat-row="1" data-mat-col="0" style="width: 14.2857%; padding-top: 7.14286%; padding-bottom: 7.14286%;"><button type="button"
                        class="mat-calendar-body-cell" tabindex="-1" aria-label="April 7, 2024" aria-pressed="false"><span class="mat-calendar-body-cell-content mat-focus-indicator"> 7 </span><span aria-hidden="true"
                          class="mat-calendar-body-cell-preview"></span></button></td>
                    <td role="gridcell" class="mat-calendar-body-cell-container ng-star-inserted" data-mat-row="1" data-mat-col="1" style="width: 14.2857%; padding-top: 7.14286%; padding-bottom: 7.14286%;"><button type="button"
                        class="mat-calendar-body-cell highlight-date" tabindex="-1" aria-label="April 8, 2024" aria-pressed="false"><span class="mat-calendar-body-cell-content mat-focus-indicator"> 8 </span><span aria-hidden="true"
                          class="mat-calendar-body-cell-preview"></span></button></td>
                    <td role="gridcell" class="mat-calendar-body-cell-container ng-star-inserted" data-mat-row="1" data-mat-col="2" style="width: 14.2857%; padding-top: 7.14286%; padding-bottom: 7.14286%;"><button type="button"
                        class="mat-calendar-body-cell highlight-date" tabindex="-1" aria-label="April 9, 2024" aria-pressed="false"><span class="mat-calendar-body-cell-content mat-focus-indicator"> 9 </span><span aria-hidden="true"
                          class="mat-calendar-body-cell-preview"></span></button></td>
                    <td role="gridcell" class="mat-calendar-body-cell-container ng-star-inserted" data-mat-row="1" data-mat-col="3" style="width: 14.2857%; padding-top: 7.14286%; padding-bottom: 7.14286%;"><button type="button"
                        class="mat-calendar-body-cell highlight-date" tabindex="-1" aria-label="April 10, 2024" aria-pressed="false"><span class="mat-calendar-body-cell-content mat-focus-indicator"> 10 </span><span aria-hidden="true"
                          class="mat-calendar-body-cell-preview"></span></button></td>
                    <td role="gridcell" class="mat-calendar-body-cell-container ng-star-inserted" data-mat-row="1" data-mat-col="4" style="width: 14.2857%; padding-top: 7.14286%; padding-bottom: 7.14286%;"><button type="button"
                        class="mat-calendar-body-cell highlight-date" tabindex="-1" aria-label="April 11, 2024" aria-pressed="false"><span class="mat-calendar-body-cell-content mat-focus-indicator"> 11 </span><span aria-hidden="true"
                          class="mat-calendar-body-cell-preview"></span></button></td>
                    <td role="gridcell" class="mat-calendar-body-cell-container ng-star-inserted" data-mat-row="1" data-mat-col="5" style="width: 14.2857%; padding-top: 7.14286%; padding-bottom: 7.14286%;"><button type="button"
                        class="mat-calendar-body-cell highlight-date" tabindex="-1" aria-label="April 12, 2024" aria-pressed="false"><span class="mat-calendar-body-cell-content mat-focus-indicator"> 12 </span><span aria-hidden="true"
                          class="mat-calendar-body-cell-preview"></span></button></td>
                    <td role="gridcell" class="mat-calendar-body-cell-container ng-star-inserted" data-mat-row="1" data-mat-col="6" style="width: 14.2857%; padding-top: 7.14286%; padding-bottom: 7.14286%;"><button type="button"
                        class="mat-calendar-body-cell" tabindex="-1" aria-label="April 13, 2024" aria-pressed="false"><span class="mat-calendar-body-cell-content mat-focus-indicator"> 13 </span><span aria-hidden="true"
                          class="mat-calendar-body-cell-preview"></span></button></td><!---->
                  </tr>
                  <tr role="row" class="ng-star-inserted" style=""><!---->
                    <td role="gridcell" class="mat-calendar-body-cell-container ng-star-inserted" data-mat-row="2" data-mat-col="0" style="width: 14.2857%; padding-top: 7.14286%; padding-bottom: 7.14286%;"><button type="button"
                        class="mat-calendar-body-cell" tabindex="-1" aria-label="April 14, 2024" aria-pressed="false"><span class="mat-calendar-body-cell-content mat-focus-indicator"> 14 </span><span aria-hidden="true"
                          class="mat-calendar-body-cell-preview"></span></button></td>
                    <td role="gridcell" class="mat-calendar-body-cell-container ng-star-inserted" data-mat-row="2" data-mat-col="1" style="width: 14.2857%; padding-top: 7.14286%; padding-bottom: 7.14286%;"><button type="button"
                        class="mat-calendar-body-cell" tabindex="-1" aria-label="April 15, 2024" aria-pressed="false"><span class="mat-calendar-body-cell-content mat-focus-indicator"> 15 </span><span aria-hidden="true"
                          class="mat-calendar-body-cell-preview"></span></button></td>
                    <td role="gridcell" class="mat-calendar-body-cell-container ng-star-inserted" data-mat-row="2" data-mat-col="2" style="width: 14.2857%; padding-top: 7.14286%; padding-bottom: 7.14286%;"><button type="button"
                        class="mat-calendar-body-cell" tabindex="-1" aria-label="April 16, 2024" aria-pressed="false"><span class="mat-calendar-body-cell-content mat-focus-indicator"> 16 </span><span aria-hidden="true"
                          class="mat-calendar-body-cell-preview"></span></button></td>
                    <td role="gridcell" class="mat-calendar-body-cell-container ng-star-inserted" data-mat-row="2" data-mat-col="3" style="width: 14.2857%; padding-top: 7.14286%; padding-bottom: 7.14286%;"><button type="button"
                        class="mat-calendar-body-cell" tabindex="-1" aria-label="April 17, 2024" aria-pressed="false"><span class="mat-calendar-body-cell-content mat-focus-indicator"> 17 </span><span aria-hidden="true"
                          class="mat-calendar-body-cell-preview"></span></button></td>
                    <td role="gridcell" class="mat-calendar-body-cell-container ng-star-inserted" data-mat-row="2" data-mat-col="4" style="width: 14.2857%; padding-top: 7.14286%; padding-bottom: 7.14286%;"><button type="button"
                        class="mat-calendar-body-cell" tabindex="-1" aria-label="April 18, 2024" aria-pressed="false"><span class="mat-calendar-body-cell-content mat-focus-indicator"> 18 </span><span aria-hidden="true"
                          class="mat-calendar-body-cell-preview"></span></button></td>
                    <td role="gridcell" class="mat-calendar-body-cell-container ng-star-inserted" data-mat-row="2" data-mat-col="5" style="width: 14.2857%; padding-top: 7.14286%; padding-bottom: 7.14286%;"><button type="button"
                        class="mat-calendar-body-cell" tabindex="-1" aria-label="April 19, 2024" aria-pressed="false"><span class="mat-calendar-body-cell-content mat-focus-indicator"> 19 </span><span aria-hidden="true"
                          class="mat-calendar-body-cell-preview"></span></button></td>
                    <td role="gridcell" class="mat-calendar-body-cell-container ng-star-inserted" data-mat-row="2" data-mat-col="6" style="width: 14.2857%; padding-top: 7.14286%; padding-bottom: 7.14286%;"><button type="button"
                        class="mat-calendar-body-cell" tabindex="-1" aria-label="April 20, 2024" aria-pressed="false"><span class="mat-calendar-body-cell-content mat-focus-indicator"> 20 </span><span aria-hidden="true"
                          class="mat-calendar-body-cell-preview"></span></button></td><!---->
                  </tr>
                  <tr role="row" class="ng-star-inserted" style=""><!---->
                    <td role="gridcell" class="mat-calendar-body-cell-container ng-star-inserted" data-mat-row="3" data-mat-col="0" style="width: 14.2857%; padding-top: 7.14286%; padding-bottom: 7.14286%;"><button type="button"
                        class="mat-calendar-body-cell" tabindex="-1" aria-label="April 21, 2024" aria-pressed="false"><span class="mat-calendar-body-cell-content mat-focus-indicator"> 21 </span><span aria-hidden="true"
                          class="mat-calendar-body-cell-preview"></span></button></td>
                    <td role="gridcell" class="mat-calendar-body-cell-container ng-star-inserted" data-mat-row="3" data-mat-col="1" style="width: 14.2857%; padding-top: 7.14286%; padding-bottom: 7.14286%;"><button type="button"
                        class="mat-calendar-body-cell" tabindex="-1" aria-label="April 22, 2024" aria-pressed="false"><span class="mat-calendar-body-cell-content mat-focus-indicator"> 22 </span><span aria-hidden="true"
                          class="mat-calendar-body-cell-preview"></span></button></td>
                    <td role="gridcell" class="mat-calendar-body-cell-container ng-star-inserted" data-mat-row="3" data-mat-col="2" style="width: 14.2857%; padding-top: 7.14286%; padding-bottom: 7.14286%;"><button type="button"
                        class="mat-calendar-body-cell" tabindex="-1" aria-label="April 23, 2024" aria-pressed="false"><span class="mat-calendar-body-cell-content mat-focus-indicator"> 23 </span><span aria-hidden="true"
                          class="mat-calendar-body-cell-preview"></span></button></td>
                    <td role="gridcell" class="mat-calendar-body-cell-container ng-star-inserted" data-mat-row="3" data-mat-col="3" style="width: 14.2857%; padding-top: 7.14286%; padding-bottom: 7.14286%;"><button type="button"
                        class="mat-calendar-body-cell" tabindex="-1" aria-label="April 24, 2024" aria-pressed="false"><span class="mat-calendar-body-cell-content mat-focus-indicator"> 24 </span><span aria-hidden="true"
                          class="mat-calendar-body-cell-preview"></span></button></td>
                    <td role="gridcell" class="mat-calendar-body-cell-container ng-star-inserted" data-mat-row="3" data-mat-col="4" style="width: 14.2857%; padding-top: 7.14286%; padding-bottom: 7.14286%;"><button type="button"
                        class="mat-calendar-body-cell" tabindex="-1" aria-label="April 25, 2024" aria-pressed="false"><span class="mat-calendar-body-cell-content mat-focus-indicator"> 25 </span><span aria-hidden="true"
                          class="mat-calendar-body-cell-preview"></span></button></td>
                    <td role="gridcell" class="mat-calendar-body-cell-container ng-star-inserted" data-mat-row="3" data-mat-col="5" style="width: 14.2857%; padding-top: 7.14286%; padding-bottom: 7.14286%;"><button type="button"
                        class="mat-calendar-body-cell" tabindex="-1" aria-label="April 26, 2024" aria-pressed="false"><span class="mat-calendar-body-cell-content mat-focus-indicator"> 26 </span><span aria-hidden="true"
                          class="mat-calendar-body-cell-preview"></span></button></td>
                    <td role="gridcell" class="mat-calendar-body-cell-container ng-star-inserted" data-mat-row="3" data-mat-col="6" style="width: 14.2857%; padding-top: 7.14286%; padding-bottom: 7.14286%;"><button type="button"
                        class="mat-calendar-body-cell" tabindex="-1" aria-label="April 27, 2024" aria-pressed="false"><span class="mat-calendar-body-cell-content mat-focus-indicator"> 27 </span><span aria-hidden="true"
                          class="mat-calendar-body-cell-preview"></span></button></td><!---->
                  </tr>
                  <tr role="row" class="ng-star-inserted" style=""><!---->
                    <td role="gridcell" class="mat-calendar-body-cell-container ng-star-inserted" data-mat-row="4" data-mat-col="0" style="width: 14.2857%; padding-top: 7.14286%; padding-bottom: 7.14286%;"><button type="button"
                        class="mat-calendar-body-cell" tabindex="-1" aria-label="April 28, 2024" aria-pressed="false"><span class="mat-calendar-body-cell-content mat-focus-indicator"> 28 </span><span aria-hidden="true"
                          class="mat-calendar-body-cell-preview"></span></button></td>
                    <td role="gridcell" class="mat-calendar-body-cell-container ng-star-inserted" data-mat-row="4" data-mat-col="1" style="width: 14.2857%; padding-top: 7.14286%; padding-bottom: 7.14286%;"><button type="button"
                        class="mat-calendar-body-cell" tabindex="-1" aria-label="April 29, 2024" aria-pressed="false"><span class="mat-calendar-body-cell-content mat-focus-indicator"> 29 </span><span aria-hidden="true"
                          class="mat-calendar-body-cell-preview"></span></button></td>
                    <td role="gridcell" class="mat-calendar-body-cell-container ng-star-inserted" data-mat-row="4" data-mat-col="2" style="width: 14.2857%; padding-top: 7.14286%; padding-bottom: 7.14286%;"><button type="button"
                        class="mat-calendar-body-cell" tabindex="-1" aria-label="April 30, 2024" aria-pressed="false"><span class="mat-calendar-body-cell-content mat-focus-indicator"> 30 </span><span aria-hidden="true"
                          class="mat-calendar-body-cell-preview"></span></button></td><!---->
                  </tr><!---->
                </tbody>
              </table>
            </mat-month-view><!----><!----><!----></div>
        </mat-calendar><!----><!---->
        <div _ngcontent-ng-c3858199456="" class="flex flex-row items-center justify-start mt-6 gap-2 ng-star-inserted"><button _ngcontent-ng-c3858199456="" data-cy="Change-Timezone" cdkmonitorsubtreefocus=""
            class="disabled:opacity-50 example-focus-monitor-button btn__gray ng-star-inserted"> Change Time Zone </button><!----><!----></div><!----><!---->
      </div><!---->
    </div>
    <div _ngcontent-ng-c3858199456="" class="col-span-5 w-full">
      <div _ngcontent-ng-c3858199456="" class="flex flex-row justify-between items-start px-4 gap-3">
        <div _ngcontent-ng-c3858199456="" class="flex flex-col gap-2"><apollo-create-booking-summary _ngcontent-ng-c3858199456="" class="web-summary" _nghost-ng-c1709613812=""><label _ngcontent-ng-c1709613812="" data-cy="Booking-Summary"
              class="wordWrapBreak font-interMedium text-lg md:text-xl 2xl:text-2xl text-primary block" style="color: rgb(109, 212, 0);"> Discovery Call </label><label _ngcontent-ng-c1709613812="" data-cy="Booking-Summary"
              class="wordWrapBreak apollo_label_small text-small block text-bodyColor white-space"> Speak about your business network with Matt Wilson, a 25-year IT veteran </label></apollo-create-booking-summary><!----><span
            _ngcontent-ng-c3858199456="" class="flex flex-row items-center gap-2 font-interRegular text-gray-500 text-sm ng-star-inserted"><span _ngcontent-ng-c3858199456="" class="material-icons text-lg leading-none font-normal text-bodyColor">
              schedule </span><span _ngcontent-ng-c3858199456="">30 minutes </span></span><!----></div><!---->
      </div>
      <div _ngcontent-ng-c3858199456=""><!---->
        <div _ngcontent-ng-c3858199456="" class="flex flex-col mt-4 gap-4">
          <div _ngcontent-ng-c3858199456="" class="px-4 flex flex-row justify-between items-center ng-star-inserted">
            <div _ngcontent-ng-c3858199456="" class="flex-row justify-between items-center"><label _ngcontent-ng-c3858199456="" class="font-interMedium flex flex-row text-base text-titleColor whitespace-nowrap">Pick a Meeting Time:</label></div>
            <mat-select _ngcontent-ng-c3858199456="" role="combobox" aria-autocomplete="none" aria-haspopup="listbox" ngskiphydration="" cdkmonitorsubtreefocus="" formcontrolname="calendar_type"
              class="mat-mdc-select example-focus-monitor-button hover:border-bodyColor bg-white px-3 pt-2 pb-2.5 text-sm border border-gray-300 rounded focus:border-bodyColor flex-end ng-tns-c3393473648-1 mat-mdc-select-required ng-untouched ng-pristine ng-valid ng-star-inserted"
              aria-labelledby="mat-select-value-1" id="mat-select-0" tabindex="0" aria-expanded="false" aria-required="true" aria-disabled="false" aria-invalid="false">
              <div cdk-overlay-origin="" class="mat-mdc-select-trigger ng-tns-c3393473648-1">
                <div class="mat-mdc-select-value ng-tns-c3393473648-1" id="mat-select-value-1"><!----><span class="mat-mdc-select-value-text ng-tns-c3393473648-1 ng-star-inserted" style=""><span
                      class="mat-mdc-select-min-line ng-tns-c3393473648-1 ng-star-inserted">Compact Month View</span><!----><!----></span><!----></div>
                <div class="mat-mdc-select-arrow-wrapper ng-tns-c3393473648-1">
                  <div class="mat-mdc-select-arrow ng-tns-c3393473648-1"><svg viewBox="0 0 24 24" width="24px" height="24px" focusable="false" aria-hidden="true" class="ng-tns-c3393473648-1">
                      <path d="M7 10l5 5 5-5z" class="ng-tns-c3393473648-1"></path>
                    </svg></div>
                </div>
              </div><!---->
            </mat-select>
          </div><!---->
          <div _ngcontent-ng-c3858199456="" class="px-4 flex gap-1 flex-col ng-star-inserted">
            <div _ngcontent-ng-c3858199456="" class="flex flex-row items-center gap-3"><label _ngcontent-ng-c3858199456="" data-cy="Time Slot" class="text-sm font-interRegular text-titleColor flex flex-row items-center"> Apr 1, 2024 <span
                  _ngcontent-ng-c3858199456="" data-cy="Time" class="py-3 md:py-0 text-sm font-interRegular text-titleColor flex flex-row items-center"><mat-icon _ngcontent-ng-c3858199456="" role="img" svgicon="icon-clock"
                    class="mat-icon notranslate icon-clock-sm mr-2 ml-3 mat-icon-no-color" aria-hidden="true" data-mat-icon-type="svg" data-mat-icon-name="icon-clock"><svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"
                      viewBox="0 0 22 22" fit="" preserveAspectRatio="xMidYMid meet" focusable="false">
                      <g id="Group_951" data-name="Group 951" transform="translate(-1 -1)">
                        <circle id="Ellipse_322" data-name="Ellipse 322" cx="10" cy="10" r="10" transform="translate(2 2)" fill="none" stroke="#4a525a" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></circle>
                        <path id="Path_693" data-name="Path 693" d="M12,6v6l4,2" fill="none" stroke="#4a525a" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"></path>
                      </g>
                    </svg></mat-icon><span _ngcontent-ng-c3858199456="">2:37 PM CET</span></span></label><mat-icon _ngcontent-ng-c3858199456="" role="img" data-cy="Refresh" cdkmonitorsubtreefocus="" svgicon="icon-refresh"
                class="mat-icon notranslate example-focus-monitor-button p-2 bg-bgColor icon-refresh cursor-pointer text-bodyColor hover:text-primary mat-icon-no-color" aria-hidden="true" data-mat-icon-type="svg"
                data-mat-icon-name="icon-refresh"><svg fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false">
                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15">
                  </path>
                </svg></mat-icon></div><!---->
          </div><!---->
          <div _ngcontent-ng-c3858199456="" data-cy="Slots-group" class="px-4 button-group grid grid-cols-2 md:grid-cols-3 xl:grid-cols-4 gap-2 items-start ng-star-inserted" style=""><button _ngcontent-ng-c3858199456="" data-cy="Slots"
              cdkmonitorsubtreefocus="" mattooltipposition="above" type="button" class="mat-mdc-tooltip-trigger focus:outline-none example-focus-monitor-button ng-star-inserted" aria-label="Select this time slot"><span _ngcontent-ng-c3858199456=""
                class="slots active-next-step-outline"><!----> 05:00 PM </span></button><!----><button _ngcontent-ng-c3858199456="" data-cy="Slots" cdkmonitorsubtreefocus="" mattooltipposition="above" type="button"
              class="mat-mdc-tooltip-trigger focus:outline-none example-focus-monitor-button ng-star-inserted" aria-label="Select this time slot"><span _ngcontent-ng-c3858199456="" class="slots active-next-step-outline"><!----> 06:00 PM
              </span></button><!----><button _ngcontent-ng-c3858199456="" data-cy="Slots" cdkmonitorsubtreefocus="" mattooltipposition="above" type="button"
              class="mat-mdc-tooltip-trigger focus:outline-none example-focus-monitor-button ng-star-inserted" aria-label="Select this time slot"><span _ngcontent-ng-c3858199456="" class="slots active-next-step-outline"><!----> 06:30 PM
              </span></button><!----><button _ngcontent-ng-c3858199456="" data-cy="Slots" cdkmonitorsubtreefocus="" mattooltipposition="above" type="button"
              class="mat-mdc-tooltip-trigger focus:outline-none example-focus-monitor-button ng-star-inserted" aria-label="Select this time slot"><span _ngcontent-ng-c3858199456="" class="slots active-next-step-outline"><!----> 07:00 PM
              </span></button><!----><button _ngcontent-ng-c3858199456="" data-cy="Slots" cdkmonitorsubtreefocus="" mattooltipposition="above" type="button"
              class="mat-mdc-tooltip-trigger focus:outline-none example-focus-monitor-button ng-star-inserted" aria-label="Select this time slot"><span _ngcontent-ng-c3858199456="" class="slots active-next-step-outline"><!----> 08:00 PM
              </span></button><!----><button _ngcontent-ng-c3858199456="" data-cy="Slots" cdkmonitorsubtreefocus="" mattooltipposition="above" type="button"
              class="mat-mdc-tooltip-trigger focus:outline-none example-focus-monitor-button ng-star-inserted" aria-label="Select this time slot"><span _ngcontent-ng-c3858199456="" class="slots active-next-step-outline"><!----> 09:00 PM
              </span></button><!----><button _ngcontent-ng-c3858199456="" data-cy="Slots" cdkmonitorsubtreefocus="" mattooltipposition="above" type="button"
              class="mat-mdc-tooltip-trigger focus:outline-none example-focus-monitor-button ng-star-inserted" aria-label="Select this time slot"><span _ngcontent-ng-c3858199456="" class="slots active-next-step-outline"><!----> 10:00 PM
              </span></button><!----><!----></div><!----><!----><!----><!----><!---->
        </div>
      </div>
    </div>
  </div>
</form>

Text Content

1
Booking


2
Confirmation


3
Complete
powered by
AppointmentCore
Discovery Call Speak about your business network with Matt Wilson, a 25-year IT
veteran
Select an Appointment TimePick a suitable date and time to book a meeting
APR 2024

APR 2024

SundaySMondayMTuesdayTWednesdayWThursdayTFridayFSaturdayS APR 1 2 3 4 5 6 7 8 9
10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

Change Time Zone
Discovery Call Speak about your business network with Matt Wilson, a 25-year IT
veteran schedule 30 minutes
Pick a Meeting Time:
Compact Month View

Apr 1, 2024 2:37 PM CET
05:00 PM 06:00 PM 06:30 PM 07:00 PM 08:00 PM 09:00 PM 10:00 PM