<!DOCTYPE html>
<html>

  <head>
    <script data-require="angular.js@*" data-semver="1.2.1" src="http://code.angularjs.org/1.2.1/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-app="app">
    <div ng-controller="EditCtrl">
      <input type="text" ng-model="item.title" />
      <input type="date" ng-model="item.date" pattern="dd/MM/YYYY" valueAsDate="{{item.dateAsDate}}" />
    </div>
  </body>

</html>
var app = angular.module("app", []);

app.factory("db", function() {
  var obj = {};
  obj.item = {
    title: "testing title",
    date: 1387843200000
  }

  return obj;

});

app.controller("EditCtrl", ["$scope", "$filter", "db",
  function($scope, $filter, db) {

    var item = db.item;

    console.log(item);
    item.date = $filter('date')(item.date, "dd/MM/yyyy");
    item.dateAsDate = new Date(item.date);

    $scope.item = item;

  }
]);
/* Styles go here */