title: How to manually enter date in ui grid edit datepicker
body: <p>In the below link provided a ui grid with date picker(column date). Here we can't manually enter the date. Kindly provide a solution to enter the date manually in the datepicker</p>
  
  <p><a href="http://plnkr.co/edit/4mNr86cN6wFOLYQ02QND?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/4mNr86cN6wFOLYQ02QND?p=preview</a></p>
  
  <pre><code>$scope.data = [];
  
  var generateData = function() {
    for (var i = 0, i_length = 30; i &lt; i_length; i++)   {
        $scope.data.push({
            "firstName": "Cox",
            "lastName": "Carney",
            "company": "Enormo",
            "date": '10/14/2015 02:45:33 AM'
        });
        $scope.data.push({
            "firstName": "Lorraine",
            "lastName": "Wise",
            "company": "Comveyer",
            "date": '10/15/2015 10:52:54 AM'
        });
        $scope.data.push({
            "firstName": "Nancy",
            "lastName": "Waters",
            "company": "Fuelton",
            "date": '09/09/2014 07:32:11 AM'
        });
    }
  }();
  
  $scope.gridOptions = {
      enableGridMenu: true,
      data: 'data',
      columnDefs: [
          { name: 'First Name', field: 'firstName' },
          { name: 'Last Name', field: 'lastName'},
          { name: 'Company', field: 'company' },
          { name: 'Date',
              field: 'date',
              cellFilter: 'textDate:"M/d/yyyy"',
              editableCellTemplate: '&lt;div&gt;&lt;form name="inputForm"&gt;&lt;div ui-grid-edit-datepicker row-field="MODEL_COL_FIELD" ng-class="\'colt\' + col.uid"&gt;&lt;/div&gt;&lt;/form&gt;&lt;/div&gt;'
          }
      ],
      enableCellEditOnFocus: true
  };
  </code></pre>