date picker directive part 1