rekening.infomedics.nl Open in urlscan Pro
84.252.124.84  Public Scan

URL: https://rekening.infomedics.nl/Betalen?invoice=72198401307071&source=email
Submission: On March 14 via api from BE — Scanned from NL

Form analysis 4 forms found in the DOM

Name: form

<form name="form" class="panel-section ng-pristine ng-valid ng-valid-maxlength">
  <div class="form-group">
    <div class="input-group">
      <input name="code" autofocus="" id="code" type="text" class="form-control code-verify ng-pristine ng-untouched ng-valid ng-valid-maxlength" style="height:auto;" placeholder="SMS code" autocomplete="off" ng-model="smsInfo.token" maxlength="6"
        numbers-only="" autofill="" tabindex="0" aria-invalid="false">
      <span class="input-group-btn" style="width:0;">
        <button class="btn submit dipGuiBtn ng-scope" id="submitSmsCodeBtn" ng-click="submitToken()" ng-disabled="!isTokenModelValid() || (spinners.checkSmsCode === true) || !controlVariables.canDownloadInvoiceInAnonymousMode"
          style="padding: 11px 11px 11px 11px; align-self:center;" disabled="disabled" tabindex="0" aria-disabled="true">
          <!-- ngIf: spinners.checkSmsCode === false --><i class="fa fa-download icon ng-scope" ng-if="spinners.checkSmsCode === false"></i><!-- end ngIf: spinners.checkSmsCode === false -->
          <!-- ngIf: spinners.checkSmsCode === true -->
        </button>
        <button class="btn btn-primary code-verify submit dipGuiBtn" id="resendSmsCodeBtn" ng-click="resendToken()" ng-disabled="buttonResendDisabled || spinners.checkSmsCode === true" style="padding: 11px 11px 11px 11px; align-self:center;"
          tabindex="0" aria-disabled="false">
          <span class="hidden-xs ng-binding"></span>
          <i class="fa  icon visible-xs" style="padding: 3px 3px 3px 3px;"> </i>
        </button>
      </span>
    </div>
  </div>
</form>

Name: extendDueDateForm

<form class="form-horizontal ng-pristine ng-valid ng-valid-mask ng-valid-date ng-valid-required ng-valid-date-disabled" novalidate="" role="form" name="extendDueDateForm">
  <p class="mt-3 mb-1"><strong class="ng-binding">Uitstel van betaling voor rekening: 72198401307071</strong></p>
  <p> Later betalen? Geen probleem. Voor de meeste rekeningen kunt u 28 dagen uitstel aanvragen. Hebt u inmiddels een 1e of 2e herinnering gekregen? Dan kunt u nog maximaal 14 dagen uitstel aanvragen. </p>
  <div class="row my-3">
    <div class="col-12 col-sm-6 col-md-4 col-lg-3">Betaaldatum nu:</div>
    <div class="col-12 col-sm-6 col-md-4 col-lg-3 ps-4 dateLabelField"><span class="align-bottom ng-binding"> 12-04-2023 </span></div>
  </div>
  <input type="text" class="d-none ng-pristine ng-untouched ng-valid" tabindex="-1" autocomplete="off" ng-model="Phone" id="Phone" aria-invalid="false">
  <div class="row form-group">
    <div class="col-12 col-sm-6 col-md-4 col-lg-3"> Nieuwe betaaldatum: </div>
    <div class="col-12 col-sm-6 col-md-6 col-lg-7 datePickerContainer">
      <input type="text" id="extendDueDate" class="extend-due-date tim-btn-tertiary-no-shadow ng-pristine ng-untouched ng-valid ng-valid-mask ng-valid-required" ng-class="{'custominputinvalid': extendDueDateForm.extendShortDate.$invalid}"
        ui-mask="99-99-9999" ng-model="extendShortDate" name="extendShortDate" placeholder="dd-mm-yyyy" ng-disabled="false" ng-required="extendDueDateForm.extendShortDate.$touched" ng-change="validateExtendDateInput()" tabindex="0"
        aria-disabled="false" aria-required="false" aria-invalid="false">
      <button type="button" class="extend-due-date tim-btn-tertiary-no-shadow ng-pristine ng-untouched ng-valid ng-isolate-scope ng-valid-date" ng-disabled="false" ng-change="selectExtendDate()" datepicker-popup="dipshortDate"
        is-open="isCalendarOpen" ng-model="extendDate" min-date="calendar.minDDDate" max-date="calendar.maxDDDate" datepicker-options="dateOptions" close-text="Sluiten" current-text="Vandaag" dip-gui-above-the-input="false"
        dip-gui-hide-today-clear-buttons="true" clear-text="Legen" ng-click="showCalendar($event)" tabindex="0" value="" aria-disabled="false" aria-invalid="false">
        <svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg">
          <!-- ngIf: !(extendDueDateForm.extendShortDate.$invalid && extendDueDateForm.extendShortDate.$touched) -->
          <path ng-if="!(extendDueDateForm.extendShortDate.$invalid &amp;&amp; extendDueDateForm.extendShortDate.$touched)"
            d="M3.66667 5.4H2.44444V6.6H3.66667V5.4ZM6.11111 5.4H4.88889V6.6H6.11111V5.4ZM8.55556 5.4H7.33333V6.6H8.55556V5.4ZM9.77778 1.2H9.16667V0H7.94444V1.2H3.05556V0H1.83333V1.2H1.22222C0.543889 1.2 0.00611111 1.74 0.00611111 2.4L0 10.8C0 11.46 0.543889 12 1.22222 12H9.77778C10.45 12 11 11.46 11 10.8V2.4C11 1.74 10.45 1.2 9.77778 1.2ZM9.77778 10.8H1.22222V4.2H9.77778V10.8Z"
            fill="#2A5270" class=""></path><!-- end ngIf: !(extendDueDateForm.extendShortDate.$invalid && extendDueDateForm.extendShortDate.$touched) -->
          <!-- ngIf: (extendDueDateForm.extendShortDate.$invalid && extendDueDateForm.extendShortDate.$touched) -->
        </svg>
      </button>
      <ul class="dropdown-menu dipGuiDatePickerPopup ng-valid ng-valid-date-disabled" ng-style="{display: (isOpen &amp;&amp; 'block') || 'none', top: (calculateTopPosition())+'px', left: position.left+'px'}" ng-keydown="keydown($event)"
        datepicker-popup-wrap="" ng-model="date" ng-change="dateSelection()" tabindex="0" aria-invalid="false" style="display: none; top: 0px;">
        <li ng-transclude="">
          <div ng-switch="datepickerMode" role="application" ng-keydown="keydown($event)" datepicker="" format-year="yy" starting-day="1" min-date="watchData.minDate" max-date="watchData.maxDate" class="ng-isolate-scope">
            <!-- ngSwitchWhen: day -->
            <table class="dipGuiBtnDatePickerNoOutLine" role="grid" aria-labelledby="datepicker-22-1163-title" aria-activedescendant="datepicker-22-1163-15" ng-switch-when="day" tabindex="0">
              <thead>
                <tr>
                  <th><button type="button" class="btn btn-default btn-sm dipGuiBtnDatePicker pull-left" ng-click="move(-1)" tabindex="-1"><i class="glyphicon glyphicon-chevron-left fa-solid fa-chevron-left"></i></button></th>
                  <th colspan="6"><button id="datepicker-22-1163-title" role="heading" aria-live="assertive" aria-atomic="true" type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-click="toggleMode()" tabindex="-1"
                      style="width:100%;"><strong class="ng-binding">maart 2023</strong></button></th>
                  <th><button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm pull-right" ng-click="move(1)" tabindex="-1"><i class="glyphicon glyphicon-chevron fa-solid fa-chevron-right "></i></button></th>
                </tr>
                <tr>
                  <th ng-show="showWeeks" class="text-center" aria-hidden="false"></th>
                  <!-- ngRepeat: label in labels track by $index -->
                  <th ng-repeat="label in labels track by $index" class="text-center ng-scope"><small aria-label="maandag" class="ng-binding">ma</small></th><!-- end ngRepeat: label in labels track by $index -->
                  <th ng-repeat="label in labels track by $index" class="text-center ng-scope"><small aria-label="dinsdag" class="ng-binding">di</small></th><!-- end ngRepeat: label in labels track by $index -->
                  <th ng-repeat="label in labels track by $index" class="text-center ng-scope"><small aria-label="woensdag" class="ng-binding">wo</small></th><!-- end ngRepeat: label in labels track by $index -->
                  <th ng-repeat="label in labels track by $index" class="text-center ng-scope"><small aria-label="donderdag" class="ng-binding">do</small></th><!-- end ngRepeat: label in labels track by $index -->
                  <th ng-repeat="label in labels track by $index" class="text-center ng-scope"><small aria-label="vrijdag" class="ng-binding">vr</small></th><!-- end ngRepeat: label in labels track by $index -->
                  <th ng-repeat="label in labels track by $index" class="text-center ng-scope"><small aria-label="zaterdag" class="ng-binding">za</small></th><!-- end ngRepeat: label in labels track by $index -->
                  <th ng-repeat="label in labels track by $index" class="text-center ng-scope"><small aria-label="zondag" class="ng-binding">zo</small></th><!-- end ngRepeat: label in labels track by $index -->
                </tr>
              </thead>
              <tbody>
                <!-- ngRepeat: row in rows track by $index -->
                <tr ng-repeat="row in rows track by $index" class="ng-scope">
                  <td ng-show="showWeeks" class="text-center h6" aria-hidden="false"><em class="ng-binding">9</em></td>
                  <!-- ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-0" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">27</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-1" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">28</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-2" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">01</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-3" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">02</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-4" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">03</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-5" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">04</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-6" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">05</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                </tr><!-- end ngRepeat: row in rows track by $index -->
                <tr ng-repeat="row in rows track by $index" class="ng-scope">
                  <td ng-show="showWeeks" class="text-center h6" aria-hidden="false"><em class="ng-binding">10</em></td>
                  <!-- ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-7" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">06</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-8" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">07</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-9" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">08</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-10" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">09</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-11" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">10</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-12" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">11</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-13" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">12</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                </tr><!-- end ngRepeat: row in rows track by $index -->
                <tr ng-repeat="row in rows track by $index" class="ng-scope">
                  <td ng-show="showWeeks" class="text-center h6" aria-hidden="false"><em class="ng-binding">11</em></td>
                  <!-- ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-14" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">13</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-15" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm active" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-info">14</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-16" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">15</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-17" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">16</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-18" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">17</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-19" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">18</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-20" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">19</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                </tr><!-- end ngRepeat: row in rows track by $index -->
                <tr ng-repeat="row in rows track by $index" class="ng-scope">
                  <td ng-show="showWeeks" class="text-center h6" aria-hidden="false"><em class="ng-binding">12</em></td>
                  <!-- ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-21" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">20</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-22" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">21</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-23" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">22</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-24" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">23</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-25" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">24</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-26" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">25</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-27" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">26</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                </tr><!-- end ngRepeat: row in rows track by $index -->
                <tr ng-repeat="row in rows track by $index" class="ng-scope">
                  <td ng-show="showWeeks" class="text-center h6" aria-hidden="false"><em class="ng-binding">13</em></td>
                  <!-- ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-28" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">27</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-29" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">28</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-30" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">29</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-31" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">30</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-32" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">31</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-33" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">01</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-34" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">02</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                </tr><!-- end ngRepeat: row in rows track by $index -->
                <tr ng-repeat="row in rows track by $index" class="ng-scope">
                  <td ng-show="showWeeks" class="text-center h6" aria-hidden="false"><em class="ng-binding">14</em></td>
                  <!-- ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-35" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">03</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-36" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">04</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-37" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">05</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-38" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">06</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-39" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">07</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-40" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">08</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                  <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-22-1163-41" aria-disabled="false">
                    <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                        ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">09</span></button>
                  </td><!-- end ngRepeat: dt in row track by dt.date -->
                </tr><!-- end ngRepeat: row in rows track by $index -->
              </tbody>
            </table><!-- end ngSwitchWhen: -->
            <!-- ngSwitchWhen: month -->
            <!-- ngSwitchWhen: year -->
          </div>
        </li>
        <!-- ngIf: showButtonBar -->
        <li ng-if="showButtonBar" style="padding:10px 9px 2px" class="ng-scope">
          <!-- ngIf: hideTodayAndClearButtons === false -->
          <button type="button" class="btn btn-sm dipGuiBtnDatePicker pull-right float-end ng-binding" ng-click="close()" tabindex="0">Sluiten</button>
        </li><!-- end ngIf: showButtonBar -->
      </ul>
    </div>
    <div class="col-sm-offset-4 col-offset-3">
      <div class="col-sm-8 col-12">
        <div ng-messages="extendDueDateForm.extendShortDate.$error" class="error-message ng-inactive" role="alert" aria-live="assertive">
          <!-- ngIf: extendDueDateForm.extendShortDate.$error.required ||
                                    extendDueDateForm.extendShortDate.$error.format ||
                                    extendDueDateForm.extendShortDate.$error.range ||
                                    extendDueDateForm.extendShortDate.$error.rangePast -->
          <!-- ngMessage: required -->
          <!-- ngMessage: format -->
          <!-- ngMessage: range -->
          <!-- ngMessage: rangePast -->
        </div>
      </div>
    </div>
  </div>
  <p class="mt-3 mb-1">Vul hieronder uw e-mailadres in. Op dit e-mailadres sturen we een bevestiging van het uitstel.</p>
  <input id="emailAddress" name="emailAddress" type="text" ng-model="emailAddress" class="w-100 emailAddress ng-pristine ng-untouched ng-valid ng-valid-required" ng-blur="fireEmailValidation()" ng-change="validateEmailInput()"
    ng-required="extendDueDateForm.emailAddress.$touched" ng-class="{'custominputinvalid': extendDueDateForm.emailAddress.$invalid &amp;&amp; extendDueDateForm.emailAddress.$touched }" tabindex="0" aria-required="false" aria-invalid="false">
  <!-- ngIf: isEmailValidationOn -->
  <div class="row py-2">
    <div class="col-12 col-sm-6 col-md-4 col-lg-3" ng-mousedown="fireEmailValidation()">
      <button ng-disabled="extendDueDateForm.emailAddress.$invalid || extendDueDateForm.extendShortDate.$invalid || emailAddress === '' || isSubmitPending.value" type="submit" name="sendQuestionButton" dip-click-once="" tabindex="4"
        ng-click="submit()" class="submit tim-btn-primary w-100" id="sendQuestionButton" aria-disabled="false"> Vraag uitstel aan </button>
    </div>
  </div>
</form>

Name: paymentAgreementDateForm

<form class="form-horizontal ng-pristine ng-valid-mask ng-valid-date ng-invalid ng-invalid-required ng-valid-date-disabled" novalidate="" role="form" name="paymentAgreementDateForm">
  <p class="mt-3">
    <strong class="ng-binding">Betalingsregeling voor rekening: </strong>
  </p>
  <p class="ng-binding"> Met een betalingsregeling kunt u de rekening in maximaal 1 delen (termijnen) betalen. Handig als het bedrag te hoog is om in 1 keer te betalen! U kiest zelf het aantal termijnen en de datum waarop we de 1e termijn
    afschrijven.<br>
    <!-- ngIf: CanShowCostsInfo -->
  </p>
  <p> De betalingsregeling werkt met een maandelijkse automatische incasso. U geeft ons dan toestemming om elke maand een deel van het bedrag van uw bankrekening af te schrijven. U geeft toestemming door nu alvast de eerste € 0,01 over te maken met
    iDEAL. </p>
  <div class="row pb-2">
    <div class="col-12 col-md-6">
      <div class="row pt-2">
        <div class="col-12 py-1"><strong>Kies wanneer u betaalt: </strong></div>
        <div class="col-12"> Aantal termijnen: </div>
        <div class="col-12">
          <select id="NrOfTerms" ng-disabled="busy" name="NrOfTerms" class="w-100 tim-select-input ng-pristine ng-untouched ng-valid" ng-options="item as CanShowCostsInfo
                                        ? item.nrOfTerms + ' (kosten: ' + (item.nrOfTerms * config.CostPerTerm | currency:'€') + ')' : item.nrOfTerms
                                        for item in listTerms" ng-model="selectedNrOfTerms" tabindex="0" aria-disabled="false" aria-invalid="false">
            <option value="?" selected="selected" label=""></option>
          </select>
        </div>
      </div>
      <div class="row pt-2">
        <div class="col-12  ng-binding"> Datum afschrijving eerste termijn: </div>
        <div class="col-12 datePickerContainer">
          <input type="text" id="extendDate" class="tim-btn-tertiary-no-shadow ng-pristine ng-untouched ng-valid ng-valid-mask ng-valid-required"
            ng-class="{'custominputinvalid': paymentAgreementDateForm.shortDate.$invalid &amp;&amp; paymentAgreementDateForm.shortDate.$touched}" ng-required="paymentAgreementDateForm.shortDate.$touched" ui-mask="99-99-9999" ng-model="shortDate"
            name="shortDate" placeholder="__-__-____" ng-disabled="busy" ng-change="validatePaymentAgreementDateInput()" tabindex="0" aria-disabled="false" aria-required="false" aria-invalid="false">
          <button type="button" class="tim-btn-tertiary-no-shadow ng-pristine ng-untouched ng-valid ng-isolate-scope ng-valid-date" ng-disabled="busy" ng-change="selectExtendDate()" datepicker-popup="dipshortDate" is-open="isCalendarOpen"
            ng-model="extendDate" min-date="calendar.minDDDate" max-date="calendar.maxDDDate" datepicker-options="dateOptions" close-text="Sluiten" current-text="Vandaag" dip-gui-above-the-input="false" dip-gui-hide-today-clear-buttons="true"
            clear-text="Legen" ng-click="showCalendar($event)" tabindex="0" value="" aria-disabled="false" aria-invalid="false">
            <svg width="11" height="12" viewBox="0 0 11 12" fill="none" xmlns="http://www.w3.org/2000/svg">
              <!-- ngIf: !(paymentAgreementDateForm.shortDate.$invalid && paymentAgreementDateForm.shortDate.$touched) -->
              <path ng-if="!(paymentAgreementDateForm.shortDate.$invalid &amp;&amp; paymentAgreementDateForm.shortDate.$touched)"
                d="M3.66667 5.4H2.44444V6.6H3.66667V5.4ZM6.11111 5.4H4.88889V6.6H6.11111V5.4ZM8.55556 5.4H7.33333V6.6H8.55556V5.4ZM9.77778 1.2H9.16667V0H7.94444V1.2H3.05556V0H1.83333V1.2H1.22222C0.543889 1.2 0.00611111 1.74 0.00611111 2.4L0 10.8C0 11.46 0.543889 12 1.22222 12H9.77778C10.45 12 11 11.46 11 10.8V2.4C11 1.74 10.45 1.2 9.77778 1.2ZM9.77778 10.8H1.22222V4.2H9.77778V10.8Z"
                fill="#2A5270" class=""></path><!-- end ngIf: !(paymentAgreementDateForm.shortDate.$invalid && paymentAgreementDateForm.shortDate.$touched) -->
              <!-- ngIf: (paymentAgreementDateForm.shortDate.$invalid && paymentAgreementDateForm.shortDate.$touched) -->
            </svg>
          </button>
          <ul class="dropdown-menu dipGuiDatePickerPopup ng-valid ng-valid-date-disabled" ng-style="{display: (isOpen &amp;&amp; 'block') || 'none', top: (calculateTopPosition())+'px', left: position.left+'px'}" ng-keydown="keydown($event)"
            datepicker-popup-wrap="" ng-model="date" ng-change="dateSelection()" tabindex="0" aria-invalid="false" style="display: none; top: 0px;">
            <li ng-transclude="">
              <div ng-switch="datepickerMode" role="application" ng-keydown="keydown($event)" datepicker="" format-year="yy" starting-day="1" min-date="watchData.minDate" max-date="watchData.maxDate" class="ng-isolate-scope">
                <!-- ngSwitchWhen: day -->
                <table class="dipGuiBtnDatePickerNoOutLine" role="grid" aria-labelledby="datepicker-87-8172-title" aria-activedescendant="datepicker-87-8172-15" ng-switch-when="day" tabindex="0">
                  <thead>
                    <tr>
                      <th><button type="button" class="btn btn-default btn-sm dipGuiBtnDatePicker pull-left" ng-click="move(-1)" tabindex="-1"><i class="glyphicon glyphicon-chevron-left fa-solid fa-chevron-left"></i></button></th>
                      <th colspan="6"><button id="datepicker-87-8172-title" role="heading" aria-live="assertive" aria-atomic="true" type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-click="toggleMode()" tabindex="-1"
                          style="width:100%;"><strong class="ng-binding">maart 2023</strong></button></th>
                      <th><button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm pull-right" ng-click="move(1)" tabindex="-1"><i class="glyphicon glyphicon-chevron fa-solid fa-chevron-right "></i></button></th>
                    </tr>
                    <tr>
                      <th ng-show="showWeeks" class="text-center" aria-hidden="false"></th>
                      <!-- ngRepeat: label in labels track by $index -->
                      <th ng-repeat="label in labels track by $index" class="text-center ng-scope"><small aria-label="maandag" class="ng-binding">ma</small></th><!-- end ngRepeat: label in labels track by $index -->
                      <th ng-repeat="label in labels track by $index" class="text-center ng-scope"><small aria-label="dinsdag" class="ng-binding">di</small></th><!-- end ngRepeat: label in labels track by $index -->
                      <th ng-repeat="label in labels track by $index" class="text-center ng-scope"><small aria-label="woensdag" class="ng-binding">wo</small></th><!-- end ngRepeat: label in labels track by $index -->
                      <th ng-repeat="label in labels track by $index" class="text-center ng-scope"><small aria-label="donderdag" class="ng-binding">do</small></th><!-- end ngRepeat: label in labels track by $index -->
                      <th ng-repeat="label in labels track by $index" class="text-center ng-scope"><small aria-label="vrijdag" class="ng-binding">vr</small></th><!-- end ngRepeat: label in labels track by $index -->
                      <th ng-repeat="label in labels track by $index" class="text-center ng-scope"><small aria-label="zaterdag" class="ng-binding">za</small></th><!-- end ngRepeat: label in labels track by $index -->
                      <th ng-repeat="label in labels track by $index" class="text-center ng-scope"><small aria-label="zondag" class="ng-binding">zo</small></th><!-- end ngRepeat: label in labels track by $index -->
                    </tr>
                  </thead>
                  <tbody>
                    <!-- ngRepeat: row in rows track by $index -->
                    <tr ng-repeat="row in rows track by $index" class="ng-scope">
                      <td ng-show="showWeeks" class="text-center h6" aria-hidden="false"><em class="ng-binding">9</em></td>
                      <!-- ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-0" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">27</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-1" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">28</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-2" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">01</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-3" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">02</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-4" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">03</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-5" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">04</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-6" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">05</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                    </tr><!-- end ngRepeat: row in rows track by $index -->
                    <tr ng-repeat="row in rows track by $index" class="ng-scope">
                      <td ng-show="showWeeks" class="text-center h6" aria-hidden="false"><em class="ng-binding">10</em></td>
                      <!-- ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-7" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">06</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-8" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">07</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-9" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">08</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-10" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">09</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-11" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">10</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-12" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">11</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-13" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">12</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                    </tr><!-- end ngRepeat: row in rows track by $index -->
                    <tr ng-repeat="row in rows track by $index" class="ng-scope">
                      <td ng-show="showWeeks" class="text-center h6" aria-hidden="false"><em class="ng-binding">11</em></td>
                      <!-- ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-14" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">13</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-15" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm active" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-info">14</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-16" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">15</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-17" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">16</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-18" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">17</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-19" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">18</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-20" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">19</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                    </tr><!-- end ngRepeat: row in rows track by $index -->
                    <tr ng-repeat="row in rows track by $index" class="ng-scope">
                      <td ng-show="showWeeks" class="text-center h6" aria-hidden="false"><em class="ng-binding">12</em></td>
                      <!-- ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-21" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">20</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-22" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">21</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-23" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">22</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-24" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">23</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-25" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">24</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-26" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">25</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-27" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">26</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                    </tr><!-- end ngRepeat: row in rows track by $index -->
                    <tr ng-repeat="row in rows track by $index" class="ng-scope">
                      <td ng-show="showWeeks" class="text-center h6" aria-hidden="false"><em class="ng-binding">13</em></td>
                      <!-- ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-28" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">27</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-29" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">28</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-30" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">29</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-31" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">30</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-32" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding">31</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-33" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">01</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-34" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">02</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                    </tr><!-- end ngRepeat: row in rows track by $index -->
                    <tr ng-repeat="row in rows track by $index" class="ng-scope">
                      <td ng-show="showWeeks" class="text-center h6" aria-hidden="false"><em class="ng-binding">14</em></td>
                      <!-- ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-35" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">03</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-36" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">04</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-37" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">05</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-38" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">06</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-39" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">07</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-40" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">08</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                      <td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-87-8172-41" aria-disabled="false">
                        <button type="button" class="btn btn-default dipGuiBtnDatePicker btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"><span
                            ng-class="{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted">09</span></button>
                      </td><!-- end ngRepeat: dt in row track by dt.date -->
                    </tr><!-- end ngRepeat: row in rows track by $index -->
                  </tbody>
                </table><!-- end ngSwitchWhen: -->
                <!-- ngSwitchWhen: month -->
                <!-- ngSwitchWhen: year -->
              </div>
            </li>
            <!-- ngIf: showButtonBar -->
            <li ng-if="showButtonBar" style="padding:10px 9px 2px" class="ng-scope">
              <!-- ngIf: hideTodayAndClearButtons === false -->
              <button type="button" class="btn btn-sm dipGuiBtnDatePicker pull-right float-end ng-binding" ng-click="close()" tabindex="0">Sluiten</button>
            </li><!-- end ngIf: showButtonBar -->
          </ul>
        </div>
        <div class="col-12">
          <div ng-messages="paymentAgreementDateForm.shortDate.$error" class="error-message ng-inactive" role="alert" aria-live="assertive">
            <!-- ngIf: paymentAgreementDateForm.shortDate.$error.required ||
                                          paymentAgreementDateForm.shortDate.$error.format ||
                                          paymentAgreementDateForm.shortDate.$error.range -->
            <!-- ngMessage: required -->
            <!-- ngMessage: format -->
            <!-- ngMessage: range -->
          </div>
        </div>
      </div>
      <div class="row pt-2">
        <div class="col-12 py-1"><strong>Vul uw gegevens in: </strong></div>
        <div class="col-12"> E-mailadres voor bevestiging: </div>
        <div class="col-12">
          <input id="email" name="email" class="tim-input ng-pristine ng-untouched ng-valid ng-valid-required" ng-disabled="false" type="text" ng-blur="fireEmailValidation()" ng-change="validateEmailInput()" ng-model="email"
            ng-class="{'custominputinvalid': paymentAgreementDateForm.email.$invalid &amp;&amp; paymentAgreementDateForm.email.$touched}" ng-required="paymentAgreementDateForm.email.$touched" tabindex="0" aria-disabled="false" aria-required="false"
            aria-invalid="false">
          <!-- ngIf: isEmailValidationOn === true -->
        </div>
        <div class="col-0 col-md-2"></div>
      </div>
      <div class="row pt-2">
        <div class="col-12"> Uw bank: </div>
        <div class="col-12">
          <select name="BankIssuers" class="tim-select-input w-100 ng-pristine ng-untouched ng-valid ng-valid-required" ng-show="bankSelectListShow" ng-options="item as item.name for item in bankIssuers" ng-model="selectedBankIssuer" required=""
            tabindex="0" aria-hidden="false" aria-required="false" aria-invalid="false">
            <option value="" selected="" class="">Kies uw bank</option>
            <option value="0" label="ABN AMRO">ABN AMRO</option>
            <option value="1" label="ASN Bank">ASN Bank</option>
            <option value="2" label="bunq">bunq</option>
            <option value="3" label="ING">ING</option>
            <option value="4" label="Knab">Knab</option>
            <option value="5" label="Rabobank">Rabobank</option>
            <option value="6" label="Regiobank">Regiobank</option>
            <option value="7" label="SNS Bank">SNS Bank</option>
            <option value="8" label="Triodos">Triodos</option>
            <option value="9" label="Van Lanschot">Van Lanschot</option>
            <option value="10" label="Revolut">Revolut</option>
            <option value="11" label="Yoursafe">Yoursafe</option>
          </select>
        </div>
      </div>
    </div>
    <div class="col-12 col-md-6 pt-2 overzichtRegeling">
      <div class="col-12 py-1"><strong>Overzicht betalingsregeling:</strong> </div>
      <div class="row pt-2">
        <div class="col-12"> Datum afschrijving laatste termijn: </div>
        <div class="col-12">
          <span class="text-decoration-underline ng-binding"> </span>
        </div>
      </div>
      <div class="row pt-2">
        <div class="col-8"> Openstaand bedrag: </div>
        <div class="col-4 text-end ng-binding">
        </div>
      </div>
      <div class="row pt-2">
        <div class="col-8"> IDEAL bevestiging: </div>
        <div class="col-4 text-end ng-binding"> -/- €&nbsp;0,01 </div>
      </div>
      <!-- ngIf: CanShowCostsInfo -->
      <div class="row pt-2">
        <div class="col-8">
        </div>
        <div class="col-4">
          <div class="sum"></div>
        </div>
      </div>
      <div class="row pt-2">
        <div class="col-8"> Totaalbedrag: </div>
        <div class="col-4 text-end">
          <strong class="ng-binding"></strong>
        </div>
      </div>
      <div class="row pt-2">
        <div class="col-8"> Termijnbedrag per maand: </div>
        <div class="col-4 text-end ng-binding">
        </div>
      </div>
    </div>
  </div>
  <input type="text" class="d-none ng-pristine ng-untouched ng-valid" tabindex="-1" autocomplete="off" ng-model="phone" id="Phone" aria-invalid="false">
  <input ng-disabled="busy" type="checkbox" ng-model="summaryCheckbox" required="" class="custom-form-check-input ng-pristine ng-untouched ng-invalid ng-invalid-required" tabindex="0" aria-disabled="false" aria-checked="false" aria-required="true"
    aria-invalid="true">
  <span ng-style="{ cursor: busy ? 'not-allowed' : 'pointer' }" ng-click="changeSummary()" tabindex="-1" class="ng-binding" role="button" style="cursor: pointer;">
    <!-- ngIf: CanShowCostsInfo -->
    <!-- ngIf: !CanShowCostsInfo --><span ng-if="!CanShowCostsInfo" class="ng-scope">Ik ga ermee akkoord </span><!-- end ngIf: !CanShowCostsInfo -->dat Infomedics maandelijks van mijn bankrekening afschrijft, totdat mijn rekening betaald is. </span>
  <div class="error-message ng-binding ng-hide" style="font-size: 14px;" ng-show="error" aria-hidden="true">
    <i class="fa-solid fa-circle-exclamation"></i>
  </div>
  <div class="error-message " ng-show="!summaryCheckbox" aria-hidden="false">
    <i class="fa-solid fa-circle-exclamation"></i> U moet akkoord gaan om de betalingsregeling af te sluiten.
  </div>
  <div class="row py-2">
    <div class="col-md-6 col-12">
      <button ng-disabled="!summaryCheckbox || busy || paymentAgreementDateForm.shortDate.$invalid ||
                            !isBankProviderSelected.value|| paymentAgreementDateForm.email.$invalid || !email || !shortDate || IbanValidationProcessing" name="saveButton" dip-click-once="" tabindex="4" ng-click="sendIDEALRequest()"
        class="tim-btn-primary idealLogoButton ng-binding" id="submitButton" aria-disabled="true" disabled="disabled"> Bevestig met €&nbsp;0,01 iDEAL betaling <img src="Content/images/ideal-logo.png">
      </button>
    </div>
  </div>
</form>

Name: cancelDigitalAnnonymousForm

<form class="form-horizontal ng-pristine ng-valid" novalidate="" role="form" name="cancelDigitalAnnonymousForm">
  <div class="pt-2">
    <strong>Afmelden digitale rekening</strong>
    <div ng-show="showViewforWrongCancelResponse" class="pt-2 ng-hide" aria-hidden="true">
      <p>Deze rekening wordt al op papier gestuurd.</p>
      <p>Uw zorgaanbieder kan ervoor zorgen dat volgende rekening per post verstuurd wordt.</p>
      <p>Geef dit voor de zekerheid bij uw volgende bezoek ook aan.</p>
    </div>
    <div ng-show="!showViewforWrongCancelResponse" class="pt-2" aria-hidden="false">
      <p> Wilt u niet langer digitale rekeningen krijgen van deze zorgaanbieder? Selecteer dan hieronder de reden en wij sturen uw afmelding door naar uw zorgaanbieder. Let op: uw zorgaanbieder moet uw afmelding handmatig verwerken. Als ze dat niet
        doen dan krijgt u de volgende rekening weer digitaal. </p>
      <div class="row form-group">
        <div class="col-12 col-md-4">
          <p>Reden:</p>
        </div>
        <div class="col-12 col-md-8">
          <select class="tim-select-input copyInvoiceSelect ng-pristine ng-untouched ng-valid" ng-change="modifyModal()" ng-model="cancelOption.selected" ng-options="cancelOption.id as cancelOption.name for cancelOption in cancelOptions" tabindex="0"
            aria-invalid="false">
            <option value="" class="">selecteer aub een reden</option>
          </select>
        </div>
      </div>
      <div class="row form-group pt-2 ng-hide" ng-show="cancelOption.selected == 1" aria-hidden="true">
        <div class="col-12 col-sm-4">
          <p>Deze rekening:</p>
        </div>
        <div class="col-12 col-sm-8">
          <input type="checkbox" class="custom-form-check-input ng-pristine ng-untouched ng-valid" ng-model="isSendClaimByPost.value" ng-disabled="params.canPay" id="isCancelConfirmRegular" tabindex="0" aria-checked="true" aria-invalid="false"> Stuur
          ook deze rekening per post
        </div>
        <div class="col-12 py-2">
          <span> Uw zorgaanbieder moet uw afmelding handmatig verwerken. Daarom raden we u aan om dit bij uw volgende bezoek nog even aan te geven. </span>
        </div>
      </div>
      <div class="row form-group pt-2 ng-hide" ng-show="cancelOption.selected == 2" aria-hidden="true">
        <div class="col-12 col-md-4">
          <p>Deze rekening:</p>
        </div>
        <div class="col-12 col-md-8">
          <input type="checkbox" ng-model="isSendClaimByPost.value" ng-disabled="params.canPay" id="isCancelConfirmNoApprove" class="custom-form-check-input ng-pristine ng-untouched ng-valid" tabindex="0" aria-checked="true" aria-invalid="false">
          Stuur ook deze rekening per post
        </div>
        <div class="col-12 pt-2">
          <p> Voor het verzenden van een rekening per e-mail is geen toestemming nodig. De gewenste manier voor het versturen van de rekening ontvangen wij van uw zorgaanbieder. Wij begrijpen dat u uw rekening per post wilt ontvangen. </p>
        </div>
        <div class="col-12 py-2">
          <span> Wij zullen uw voorkeur doorgeven aan uw zorgaanbieder. Uw zorgaanbieder kan ervoor zorgen dat de volgende rekening per post verstuurd wordt. Geef dit voor de zekerheid bij uw volgende bezoek ook aan. </span>
        </div>
      </div>
      <div class="row form-group py-2 ng-hide" ng-show="cancelOption.selected == 3" aria-hidden="true">
        <div class="col-12">
          <p>Het telefoonnummer dat uw zorgaanbieder heeft doorgegeven is: <strong class="ng-binding"></strong>.</p>
        </div>
        <div ng-show="!isDocumentDownloaded" aria-hidden="false">
          <div class="col-12">
            <label>Is dit niet uw telefoonnummer of komt de code niet aan?</label>
          </div>
          <div class="col-12">
            <input class="custom-form-check-input ng-pristine ng-untouched ng-valid" type="radio" name="correctNumberType" id="wrongNumber" ng-value="1" ng-model="cancelPhoneCondition" tabindex="0" value="1" aria-checked="false" aria-invalid="false">
            <label class="form-check-label ng-binding" for="wrongNumber">Dit is niet mijn telefoonnummer.</label>
          </div>
          <div class="col-12">
            <input class="custom-form-check-input ng-pristine ng-untouched ng-valid" id="correctNumber" type="radio" name="correctNumberType" value="2" ng-value="2" ng-model="cancelPhoneCondition" tabindex="0" aria-checked="false"
              aria-invalid="false">
            <label class="form-check-label ng-binding" for="correctNumber">Dit is mijn telefoonnummer, maar de code is niet aangekomen of werkt niet.</label>
          </div>
          <div class="col-12 pt-2 ng-hide" ng-show="cancelPhoneCondition === 1" aria-hidden="true">
            <span> Neem contact op met uw zorgaanbieder. Die kan ervoor zorgen dat u de volgende rekening wel kunt downloaden. Voor deze rekening kunt u een kopie op papier aanvragen. </span>
          </div>
          <div class="col-12 pt-2 ng-hide" ng-show="cancelPhoneCondition === 2" aria-hidden="true">
            <span>Het kan voorkomen dat door een storing de berichten niet, of pas later aankomen.</span>
          </div>
        </div>
      </div>
      <div class="alert dip-alert dip-alert-danger ng-binding ng-hide" ng-show="error.length > 0" aria-hidden="true">
      </div>
    </div>
  </div>
  <div ng-show="!showViewforWrongCancelResponse" aria-hidden="false">
    <button ng-disabled="cancelOption.selected == null || (cancelOption.selected == 3 &amp;&amp; cancelPhoneCondition==null) || messageIsError===true" type="submit" id="cancelDigitalButton" name="cancelDigitalButton" dip-click-once="" tabindex="0"
      ng-show="!isDocumentDownloaded" ng-click="submit()" class="tim-btn-primary" aria-hidden="false" aria-disabled="true" disabled="disabled">
      <span ng-show="cancelOption.selected != 3" aria-hidden="false">Dien verzoek in</span>
      <span ng-show="cancelOption.selected == 3" aria-hidden="true" class="ng-hide">Stuur deze rekening op papier</span>
    </button>
  </div>
  <div class="gray-line mt-3"></div>
</form>

Text Content

Loading…
Consument Zorgaanbieder
inloggen
Een moment geduld alstublieft, de gegevens van uw rekening worden opgehaald.


STATUSBERICHT

Een moment geduld nog, uw iDEAL betaling wordt bevestigd.


STATUSBERICHT

ABN AMRO betalingsverzoek mislukt. Probeer opnieuw aub.


STATUSBERICHT

De betaling is niet bevestigd door de betalingsprovider. Wanneer uw
iDEAL-betaling is gelukt, zullen de termijnen middels automatische incasso van
uw rekening worden afgeschreven. U ontvangt hierover per e-mail een bevestiging.


STATUSBERICHT

De betalingsregeling is gestart. De termijnen zullen middels automatische
incasso van uw rekening worden afgeschreven. U ontvangt hierover per e-mail een
bevestiging.


STATUSBERICHT

De nota is uitgesteld en er is een e-mail ter bevestiging gestuurd.


STATUSBERICHT

Bedankt voor uw aanvraag. U ontvangt deze rekening in ongeveer een week op
papier.
  Rekening betaald.


STATUSBERICHT

Deze rekening is overgedragen aan de deurwaarder. Daarom kan deze niet meer bij
ons betaald worden. Neem contact op met de deurwaarder om de rekening te betalen
of het openstaande bedrag op te vragen.


STATUSBERICHT

Uw iDEAL-betaling is gelukt. Er is een bedrag van - afgeschreven.


STATUSBERICHT

Uw iDEAL betaling is niet gelukt. Er staat nu nog een bedrag van € 25,27 open.


STATUSBERICHT


STATUSBERICHT

Voor deze nota staat op dit moment geen bedrag meer open.


STATUSBERICHT

De claim is betaald maar de betaling is niet bevestigd door de
betalingsprovider.


STATUSBERICHT

Betaling al gestart. We hebben de mogelijkheid om betalingen voor deze nota te
verrichten tijdelijk opgeschort.

Rekening betalen

Betalingskenmerk:
72198401307071
Nog door u te betalen:
€ 25,27
Betalen voor:
12-04-2023
Download rekening:
Download rekening - Originele factuur - 72198401307071
Er is een sms verstuurd naar het volgende mobiele telefoonnummer . Dit is het
telefoonnummer dat uw zorgverlener aan ons heeft doorgegeven.

Voer de ontvangen sms code in en klik op .

Heeft u geen sms-code ontvangen? Klik dan op de knop 'Verstuur code nogmaals'.

Wanneer dit niet uw mobiele telefoonnummer is, neemt u dan contact op met de
servicedesk.



Betalen met iDEAL:
Kies uw bankABN AMROASN BankbunqINGKnabRabobankRegiobankSNS BankTriodosVan
LanschotRevolutYoursafe
Betalen met iDEAL

Zelf overmaken


Maak € 25,27 over op: NL34 ABNA 0243 2400 58 t.n.v. Infomedics B.V. Vermeld bij
uw betaling altijd het betalingskenmerk: 72198401307071.

Zelf regelen

Uitstel van betaling aanvragen



We zijn uw gegevens aan het ophalen

Uitstel van betaling voor rekening: 72198401307071

Later betalen? Geen probleem. Voor de meeste rekeningen kunt u 28 dagen uitstel
aanvragen. Hebt u inmiddels een 1e of 2e herinnering gekregen? Dan kunt u nog
maximaal 14 dagen uitstel aanvragen.

Betaaldatum nu:
12-04-2023
Nieuwe betaaldatum:

 * maart 2023 madiwodovrzazo 9 27 28 01 02 03 04 05 10 06 07 08 09 10 11 12 11
   13 14 15 16 17 18 19 12 20 21 22 23 24 25 26 13 27 28 29 30 31 01 02 14 03 04
   05 06 07 08 09

   
 * Sluiten
   



Vul hieronder uw e-mailadres in. Op dit e-mailadres sturen we een bevestiging
van het uitstel.

Vraag uitstel aan
Vraag uitstel van betaling aan voor rekening: 72198401307071

Voor deze rekening kunt u helaas geen uitstel van betaling aanvragen. De reden
daarvoor is:



Een van de medewerkers van onze servicedesk helpt u graag verder. U kunt ons
bereiken op werkdagen tussen 09.00 uur en 17.00 uur op telefoonnummer 036 20 31
900.


Betalingsregeling aanvragen



We zijn uw gegevens aan het ophalen

Betalingsregeling voor rekening:

Met een betalingsregeling kunt u de rekening in maximaal 1 delen (termijnen)
betalen. Handig als het bedrag te hoog is om in 1 keer te betalen! U kiest zelf
het aantal termijnen en de datum waarop we de 1e termijn afschrijven.


De betalingsregeling werkt met een maandelijkse automatische incasso. U geeft
ons dan toestemming om elke maand een deel van het bedrag van uw bankrekening af
te schrijven. U geeft toestemming door nu alvast de eerste € 0,01 over te maken
met iDEAL.

Kies wanneer u betaalt:
Aantal termijnen:

Datum afschrijving eerste termijn:

 * maart 2023 madiwodovrzazo 9 27 28 01 02 03 04 05 10 06 07 08 09 10 11 12 11
   13 14 15 16 17 18 19 12 20 21 22 23 24 25 26 13 27 28 29 30 31 01 02 14 03 04
   05 06 07 08 09

   
 * Sluiten
   


Vul uw gegevens in:
E-mailadres voor bevestiging:


Uw bank:
Kies uw bankABN AMROASN BankbunqINGKnabRabobankRegiobankSNS BankTriodosVan
LanschotRevolutYoursafe
Overzicht betalingsregeling:
Datum afschrijving laatste termijn:

Openstaand bedrag:

IDEAL bevestiging:
-/- € 0,01

Totaalbedrag:

Termijnbedrag per maand:

Ik ga ermee akkoord dat Infomedics maandelijks van mijn bankrekening afschrijft,
totdat mijn rekening betaald is.

U moet akkoord gaan om de betalingsregeling af te sluiten.
Bevestig met € 0,01 iDEAL betaling
Vraag betalingsregeling aan voor rekening:

Voor deze rekening kunt u helaas geen betalingsregeling aanvragen. De reden
daarvoor is:



Een van de medewerkers van onze servicedesk helpt u graag verder. U kunt ons
bereiken op werkdagen tussen 09.00 uur en 17.00 uur op telefoonnummer 036 20 31
900.


Rekening per post ontvangen



We zijn uw gegevens aan het ophalen


Afmelden digitale rekening

Deze rekening wordt al op papier gestuurd.

Uw zorgaanbieder kan ervoor zorgen dat volgende rekening per post verstuurd
wordt.

Geef dit voor de zekerheid bij uw volgende bezoek ook aan.

Wilt u niet langer digitale rekeningen krijgen van deze zorgaanbieder? Selecteer
dan hieronder de reden en wij sturen uw afmelding door naar uw zorgaanbieder.
Let op: uw zorgaanbieder moet uw afmelding handmatig verwerken. Als ze dat niet
doen dan krijgt u de volgende rekening weer digitaal.

Reden:

selecteer aub een reden

Deze rekening:

Stuur ook deze rekening per post
Uw zorgaanbieder moet uw afmelding handmatig verwerken. Daarom raden we u aan om
dit bij uw volgende bezoek nog even aan te geven.

Deze rekening:

Stuur ook deze rekening per post

Voor het verzenden van een rekening per e-mail is geen toestemming nodig. De
gewenste manier voor het versturen van de rekening ontvangen wij van uw
zorgaanbieder. Wij begrijpen dat u uw rekening per post wilt ontvangen.

Wij zullen uw voorkeur doorgeven aan uw zorgaanbieder. Uw zorgaanbieder kan
ervoor zorgen dat de volgende rekening per post verstuurd wordt. Geef dit voor
de zekerheid bij uw volgende bezoek ook aan.

Het telefoonnummer dat uw zorgaanbieder heeft doorgegeven is: .

Is dit niet uw telefoonnummer of komt de code niet aan?
Dit is niet mijn telefoonnummer.
Dit is mijn telefoonnummer, maar de code is niet aangekomen of werkt niet.
Neem contact op met uw zorgaanbieder. Die kan ervoor zorgen dat u de volgende
rekening wel kunt downloaden. Voor deze rekening kunt u een kopie op papier
aanvragen.
Het kan voorkomen dat door een storing de berichten niet, of pas later aankomen.

Dien verzoek in Stuur deze rekening op papier


Vragen over uw rekening

Hebt u een vraag over uw rekening? Bekijk dan onze veelgestelde vragen. Of neem
contact op met onze servicedesk. We helpen u graag.

Contact met onze servicedesk Veelgestelde vragen bekijken


Home
Hulp & vragen
Veelgestelde vragen
Contact
Betalingsregeling aanvragen
Rekening betalen
Rekening controleren
Werken bij Infomedics
Infomedics voor zorgaanbieders
Privacy statement


© Copyright Infomedics 2021

To Top