<commit_before><html lang="en" >
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- Angular Material style sheet -->
  <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.css">
  
</head>
<body ng-app="app" ng-controller="testCtrl" ng-cloak layout="column" class="md-padding" >
    
    <div layout="row" layout-align="center center">
        <div flex="50">
            <md-card>
                <md-card-title>
                    <h3 >modal-md-datepicker</h3>
                </md-card-title>
                <md-card-content >
                    <div layout="column">
                        
                        <div>
                            <md-input-container class="md-block" flex-gt-xs>
                                <label>Default date</label>
                                <modal-md-datepicker flex ng-model="frmdata.default_date"></modal-md-datepicker>
                            </md-input-container>
                        </div>
                        
                        <div>
                            <md-input-container class="md-block" flex-gt-xs>
                                <label>Format date</label>
                                <modal-md-datepicker flex ng-model="frmdata.format_date" date-format="dd MMMM yyyy"></modal-md-datepicker>
                            </md-input-container>
                        </div>
                        
                        <div>
                            <md-input-container class="md-block" flex-gt-xs>
                                <label>Min date</label>
                                <modal-md-datepicker flex ng-model="frmdata.min_date" min-date="{{min_date}}" ></modal-md-datepicker>
                            </md-input-container>
                        </div>
                        
                        <div>
                            <md-input-container class="md-block" flex-gt-xs>
                                <label>Max date</label>
                                <modal-md-datepicker flex ng-model="frmdata.max_date" max-date="{{max_date}}" ></modal-md-datepicker>
                            </md-input-container>
                        </div>
                        
                        
                        <div >
                            <md-input-container class="md-block" flex-gt-xs>
                                <label>With Option Lang</label>
                                <modal-md-datepicker flex ng-model="frmdata.woptions_date"  options="dp_options_en"></modal-md-datepicker>
                            </md-input-container>
                        </div>
                        
                        <div >
                            <md-input-container class="md-block" flex-gt-xs>
                                <label>Define Month and day names in Italian</label>
                                <modal-md-datepicker flex ng-model="frmdata.woptions2_date"  options="dp_options"></modal-md-datepicker>
                            </md-input-container>
                        </div>
                        
                        
                        
                        <div layout="row" layout-align="center center">
                            <md-button class="md-primary md-raised" ng-click="saveData($event)"> Save </md-button>
                        </div>
                    </div>
                    
                    <div layout="row">
                        
<pre>
{{frmdata | json}}
</pre>
                    </div>
                    
                    
                </md-card-content>
            </md-card>
        </div>
        
    
  </div>
  <!-- Angular Material requires Angular.js Libraries -->
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-animate.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-aria.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-messages.min.js"></script>

  <!-- Angular Material Library -->
  <script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.js"></script>
  
  
  <!-- Important define Angular i18n for toolbar date language --> 
  <script src="https://code.angularjs.org/1.2.5/i18n/angular-locale_es-co.js"></script>
  
  
  
  <script src="../src/modal-md-datepicker.js"></script>
  
  <!-- Your application bootstrap  -->
  <script type="text/javascript">    
    var app_ = angular.module('app',['ngMaterial', 'mdThemeColors', 'ModalDatePicker']);


    app_.controller('testCtrl', function ( $scope, $http ){
	    $scope.frmdata = {};
        
        $scope.min_date = new Date();
        
        $scope.max_date = new Date();
        $scope.max_date.setMonth($scope.max_date.getMonth() + 3);
        
        
        $scope.dp_options_en = {<commit_msg>update test page<commit_after><html lang="en" >
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <!-- Angular Material style sheet -->
  <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.css">
  
</head>
<body ng-app="app" ng-controller="testCtrl" ng-cloak layout="column" class="md-padding" >
    
    <div layout="row" layout-align="center center">
        <div flex="50">
            <md-card>
                <md-card-title>
                    <h3 >modal-md-datepicker</h3>
                </md-card-title>
                <md-card-content >
                    <div layout="column">
                        
                        <div>
                            <md-input-container class="md-block" flex-gt-xs>
                                <label>Default date</label>
                                <modal-md-datepicker flex ng-model="frmdata.default_date"></modal-md-datepicker>
                            </md-input-container>
                        </div>
                        
                        <div>
                            <md-input-container class="md-block" flex-gt-xs>
                                <label>Lock input field</label>
                                <modal-md-datepicker flex ng-model="frmdata.locked_date" locked="true"></modal-md-datepicker>
                            </md-input-container>
                        </div>
                        
                        <div>
                            <md-input-container class="md-block" flex-gt-xs>
                                <label>Format input date</label>
                                <modal-md-datepicker flex ng-model="frmdata.format_date" date-format="dd MMMM yyyy"></modal-md-datepicker>
                            </md-input-container>
                        </div>
                        
                        <div>
                            <md-input-container class="md-block" flex-gt-xs>
                                <label>Format title date</label>
                                <modal-md-datepicker flex ng-model="frmdata.format_title_date" options="format_title_options"></modal-md-datepicker>
                            </md-input-container>
                        </div>
                        
                        <div>
                            <md-input-container class="md-block" flex-gt-xs>
                                <label>Min date</label>
                                <modal-md-datepicker flex ng-model="frmdata.min_date" min-date="{{min_date}}" ></modal-md-datepicker>
                            </md-input-container>
                        </div>
                        
                        <div>
                            <md-input-container class="md-block" flex-gt-xs>
                                <label>Max date</label>
                                <modal-md-datepicker flex ng-model="frmdata.max_date" max-date="{{max_date}}" ></modal-md-datepicker>
                            </md-input-container>
                        </div>
                        
                        
                        <div >
                            <md-input-container class="md-block" flex-gt-xs>
                                <label>With Option Lang</label>
                                <modal-md-datepicker flex ng-model="frmdata.woptions_date"  options="dp_options_en"></modal-md-datepicker>
                            </md-input-container>
                        </div>
                        
                        <div >
                            <md-input-container class="md-block" flex-gt-xs>
                                <label>Define Month and day names in Italian</label>
                                <modal-md-datepicker flex ng-model="frmdata.woptions2_date"  options="dp_options"></modal-md-datepicker>
                            </md-input-container>
                        </div>
                        
                        
                        
                        <div layout="row" layout-align="center center">
                            <md-button class="md-primary md-raised" ng-click="saveData($event)"> Save </md-button>
                        </div>
                    </div>
                    
                    <div layout="row">
                        
<pre>
{{frmdata | json}}
</pre>
                    </div>
                    
                    
                </md-card-content>
            </md-card>
        </div>
        
    
  </div>
  <!-- Angular Material requires Angular.js Libraries -->
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-animate.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-aria.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-messages.min.js"></script>

  <!-- Angular Material Library -->
  <script src="http://ajax.googleapis.com/ajax/libs/angular_material/1.1.0-rc2/angular-material.min.js"></script>
  
  
  <!-- Important define Angular i18n for toolbar date language --> 
  <script src="https://code.angularjs.org/1.2.5/i18n/angular-locale_es-co.js"></script>
  
  
  
  <script src="../src/modal-md-datepicker.js"></script>
  
  <!-- Your application bootstrap  -->
  <script type="text/javascript">    
    var app_ = angular.module('app',['ngMaterial', 'mdThemeColors', 'ModalDatePicker']);


    app_.controller('testCtrl', function ( $scope, $http ){
	    $scope.frmdata = {};
        
        $scope.min_date = new Date();
        
        $scope.max_date = new Date();
        $scope.max_date.setMonth($scope.max_date.getMonth() + 3);
        
        $scope.format_title_options = {
            title_date_format : 'EEEE, MMMM d'
        }
        
        $scope.dp_options_en = {
{'fraction_non_alphanumeric': 0.13365262967648653, 'fraction_numerical': 0.006144948490872944, 'mean_word_length': 1.177685950413223, 'pattern_counts': {'":': 0, '<': 211, '<?xml version=': 0, '>': 211, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7081501', 'n_tokens_mistral': 3064, 'n_tokens_neox': 2856, 'n_words': 420}