title: How to locate & select date from ng-model datepicker in Selenium Webdriver?
body: <p>I am able to click and open the date picker pop up calendar but unable to select a particular date from it. Since the input field is read only, the input given through <code>sendkeys</code> or <code>JavascriptExecutor</code> is not accepted as valid input.</p>
  
  <p><strong>Selenium Webdriver code:</strong>
    driver.findElement(By.xpath("/html/body/div[3]/div[2]/div/div[2]/div/div/div/div[2]/div/form/div[1]/div[1]/div/div/div[2]/div[5]/div[1]/div/span/button")).click();
  ((JavascriptExecutor)driver).executeScript("arguments[0].value = '02/08/2017'", driver.findElement(By.xpath("//input[@name='RunDate']")));</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="input-group margin-bottom-5"&gt;
                            &lt;input type="text" class="form-control ng-valid ng-isolate-scope ng-valid-date ng-dirty ng-touched" uib-datepicker-popup="MM/dd/yyyy" ng-readonly="true" name="RunDate" ng-model="jobModel.RunDate" ng-change="runDateChanged(jobModel.RunDate)" is-open="datepickers.RunDate" datepicker-options="dateOptions" show-button-bar="false" placeholder="Run Date" close-text="Close" readonly="readonly"&gt;&lt;!-- ngIf: isOpen --&gt;&lt;ul class="dropdown-menu ng-pristine ng-untouched ng-valid ng-scope ng-valid-date-disabled" dropdown-nested="" ng-if="isOpen" style="display: block; top: 34px; left: 0px;" ng-style="{top: position.top+'px', left: position.left+'px'}" ng-keydown="keydown($event)" ng-click="$event.stopPropagation()" uib-datepicker-popup-wrap="" ng-model="date" ng-change="dateSelection(date)" template-url="template/datepicker/popup.html"&gt;
   &lt;li ng-transclude=""&gt;&lt;div ng-switch="datepickerMode" role="application" ng-keydown="keydown($event)" uib-datepicker="" template-url="template/datepicker/datepicker.html" year-format="'yy'" starting-day="1" class="ng-isolate-scope"&gt;
    &lt;!-- ngSwitchWhen: day --&gt;&lt;table role="grid" aria-labelledby="datepicker-337-7387-title" aria-activedescendant="datepicker-337-7387-2" ng-switch-when="day" tabindex="0"&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th&gt;&lt;button type="button" class="btn btn-default btn-sm pull-left" ng-click="move(-1)" tabindex="-1"&gt;&lt;i class="glyphicon glyphicon-chevron-left"&gt;&lt;/i&gt;&lt;/button&gt;&lt;/th&gt;
        &lt;th colspan="6"&gt;&lt;button id="datepicker-337-7387-title" role="heading" aria-live="assertive" aria-atomic="true" type="button" class="btn btn-default btn-sm" ng-click="toggleMode()" ng-disabled="datepickerMode === maxMode" tabindex="-1" style="width:100%;"&gt;&lt;strong class="ng-binding"&gt;March 2017&lt;/strong&gt;&lt;/button&gt;&lt;/th&gt;
        &lt;th&gt;&lt;button type="button" class="btn btn-default btn-sm pull-right" ng-click="move(1)" tabindex="-1"&gt;&lt;i class="glyphicon glyphicon-chevron-right"&gt;&lt;/i&gt;&lt;/button&gt;&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;!-- ngIf: showWeeks --&gt;&lt;th ng-if="showWeeks" class="text-center ng-scope"&gt;&lt;/th&gt;&lt;!-- end ngIf: showWeeks --&gt;
        &lt;!-- ngRepeat: label in ::labels track by $index --&gt;&lt;th ng-repeat="label in ::labels track by $index" class="text-center ng-scope"&gt;&lt;small aria-label="Monday" class="ng-binding"&gt;Mon&lt;/small&gt;&lt;/th&gt;&lt;!-- end ngRepeat: label in ::labels track by $index --&gt;&lt;th ng-repeat="label in ::labels track by $index" class="text-center ng-scope"&gt;&lt;small aria-label="Tuesday" class="ng-binding"&gt;Tue&lt;/small&gt;&lt;/th&gt;&lt;!-- end ngRepeat: label in ::labels track by $index --&gt;&lt;th ng-repeat="label in ::labels track by $index" class="text-center ng-scope"&gt;&lt;small aria-label="Wednesday" class="ng-binding"&gt;Wed&lt;/small&gt;&lt;/th&gt;&lt;!-- end ngRepeat: label in ::labels track by $index --&gt;&lt;th ng-repeat="label in ::labels track by $index" class="text-center ng-scope"&gt;&lt;small aria-label="Thursday" class="ng-binding"&gt;Thu&lt;/small&gt;&lt;/th&gt;&lt;!-- end ngRepeat: label in ::labels track by $index --&gt;&lt;th ng-repeat="label in ::labels track by $index" class="text-center ng-scope"&gt;&lt;small aria-label="Friday" class="ng-binding"&gt;Fri&lt;/small&gt;&lt;/th&gt;&lt;!-- end ngRepeat: label in ::labels track by $index --&gt;&lt;th ng-repeat="label in ::labels track by $index" class="text-center ng-scope"&gt;&lt;small aria-label="Saturday" class="ng-binding"&gt;Sat&lt;/small&gt;&lt;/th&gt;&lt;!-- end ngRepeat: label in ::labels track by $index --&gt;&lt;th ng-repeat="label in ::labels track by $index" class="text-center ng-scope"&gt;&lt;small aria-label="Sunday" class="ng-binding"&gt;Sun&lt;/small&gt;&lt;/th&gt;&lt;!-- end ngRepeat: label in ::labels track by $index --&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
      &lt;!-- ngRepeat: row in rows track by $index --&gt;&lt;tr ng-repeat="row in rows track by $index" class="ng-scope"&gt;
        &lt;!-- ngIf: showWeeks --&gt;&lt;td ng-if="showWeeks" class="text-center h6 ng-scope"&gt;&lt;em class="ng-binding"&gt;9&lt;/em&gt;&lt;/td&gt;&lt;!-- end ngIf: showWeeks --&gt;
        &lt;!-- ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-0" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted"&gt;27&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-1" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted"&gt;28&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-2" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm active" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding"&gt;01&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-3" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding"&gt;02&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-4" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding"&gt;03&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-5" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding"&gt;04&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-6" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding"&gt;05&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;
      &lt;/tr&gt;&lt;!-- end ngRepeat: row in rows track by $index --&gt;&lt;tr ng-repeat="row in rows track by $index" class="ng-scope"&gt;
        &lt;!-- ngIf: showWeeks --&gt;&lt;td ng-if="showWeeks" class="text-center h6 ng-scope"&gt;&lt;em class="ng-binding"&gt;10&lt;/em&gt;&lt;/td&gt;&lt;!-- end ngIf: showWeeks --&gt;
        &lt;!-- ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-7" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding"&gt;06&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-8" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-info"&gt;07&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-9" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding"&gt;08&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-10" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding"&gt;09&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-11" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding"&gt;10&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-12" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding"&gt;11&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-13" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding"&gt;12&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;
      &lt;/tr&gt;&lt;!-- end ngRepeat: row in rows track by $index --&gt;&lt;tr ng-repeat="row in rows track by $index" class="ng-scope"&gt;
        &lt;!-- ngIf: showWeeks --&gt;&lt;td ng-if="showWeeks" class="text-center h6 ng-scope"&gt;&lt;em class="ng-binding"&gt;11&lt;/em&gt;&lt;/td&gt;&lt;!-- end ngIf: showWeeks --&gt;
        &lt;!-- ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-14" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding"&gt;13&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-15" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding"&gt;14&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-16" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding"&gt;15&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-17" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding"&gt;16&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-18" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding"&gt;17&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-19" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding"&gt;18&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-20" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding"&gt;19&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;
      &lt;/tr&gt;&lt;!-- end ngRepeat: row in rows track by $index --&gt;&lt;tr ng-repeat="row in rows track by $index" class="ng-scope"&gt;
        &lt;!-- ngIf: showWeeks --&gt;&lt;td ng-if="showWeeks" class="text-center h6 ng-scope"&gt;&lt;em class="ng-binding"&gt;12&lt;/em&gt;&lt;/td&gt;&lt;!-- end ngIf: showWeeks --&gt;
        &lt;!-- ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-21" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding"&gt;20&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-22" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding"&gt;21&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-23" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding"&gt;22&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-24" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding"&gt;23&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-25" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding"&gt;24&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-26" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding"&gt;25&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-27" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding"&gt;26&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;
      &lt;/tr&gt;&lt;!-- end ngRepeat: row in rows track by $index --&gt;&lt;tr ng-repeat="row in rows track by $index" class="ng-scope"&gt;
        &lt;!-- ngIf: showWeeks --&gt;&lt;td ng-if="showWeeks" class="text-center h6 ng-scope"&gt;&lt;em class="ng-binding"&gt;13&lt;/em&gt;&lt;/td&gt;&lt;!-- end ngIf: showWeeks --&gt;
        &lt;!-- ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-28" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding"&gt;27&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-29" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding"&gt;28&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-30" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding"&gt;29&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-31" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding"&gt;30&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-32" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding"&gt;31&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-33" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted"&gt;01&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-34" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted"&gt;02&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;
      &lt;/tr&gt;&lt;!-- end ngRepeat: row in rows track by $index --&gt;&lt;tr ng-repeat="row in rows track by $index" class="ng-scope"&gt;
        &lt;!-- ngIf: showWeeks --&gt;&lt;td ng-if="showWeeks" class="text-center h6 ng-scope"&gt;&lt;em class="ng-binding"&gt;14&lt;/em&gt;&lt;/td&gt;&lt;!-- end ngIf: showWeeks --&gt;
        &lt;!-- ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-35" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted"&gt;03&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-36" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted"&gt;04&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-37" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted"&gt;05&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-38" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted"&gt;06&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-39" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted"&gt;07&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-40" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted"&gt;08&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;&lt;td ng-repeat="dt in row track by dt.date" class="text-center ng-scope" role="gridcell" id="datepicker-337-7387-41" ng-class="::dt.customClass"&gt;
          &lt;button type="button" style="min-width:100%;" class="btn btn-default btn-sm" ng-class="{'btn-info': dt.selected, active: isActive(dt)}" ng-click="select(dt.date)" ng-disabled="dt.disabled" tabindex="-1"&gt;&lt;span ng-class="::{'text-muted': dt.secondary, 'text-info': dt.current}" class="ng-binding text-muted"&gt;09&lt;/span&gt;&lt;/button&gt;
        &lt;/td&gt;&lt;!-- end ngRepeat: dt in row track by dt.date --&gt;
      &lt;/tr&gt;&lt;!-- end ngRepeat: row in rows track by $index --&gt;
    &lt;/tbody&gt;
  &lt;/table&gt;&lt;!-- end ngSwitchWhen: --&gt;
    &lt;!-- ngSwitchWhen: month --&gt;
    &lt;!-- ngSwitchWhen: year --&gt;
  &lt;/div&gt;&lt;/li&gt;
   &lt;!-- ngIf: showButtonBar --&gt;
  &lt;/ul&gt;&lt;!-- end ngIf: isOpen --&gt;
                                                              &lt;span class="input-group-btn"&gt;
                                                                  &lt;button class="btn btn-default" ng-click="open($event,'RunDate','TrapDate,DownloadDate,FRDueDate,ReportDate')" ng-disabled="controlsDisabled"&gt;
                                                                      &lt;i class="glyphicon glyphicon-calendar"&gt;&lt;/i&gt;
                                                                  &lt;/button&gt;
                                                              &lt;/span&gt;
                                                          &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>