with date picker