How will give date and time for some coloumns in the angular

[yesusagayarajs]

testSheetData = { "name": "Page1", "freeze": "A1", "styles": [ { "font": { "bold": true, "size": 12 }, "textwrap": true, "bgcolor": "#fff2cd" }, { "format": "data" }, { "format": "number", "align": "right" }, { "format": "percent" }, { "format": "percent", "align": "right" }, { "align": "right" }, { "font": { "bold": true, "size": 12 }, "textwrap": true, "bgcolor": "#fff2cd", "align": "right" }, { "font": { "bold": true, "size": 12 }, "textwrap": true, "bgcolor": "#fff2cd", "align": "right", "format": "number" }, { "font": { "bold": true, "size": 12 }, "textwrap": true, "bgcolor": "#fff2cd", "align": "right", "format": "normal" }, { "font": { "bold": true, "size": 12 }, "textwrap": true, "bgcolor": "#fff2cd", "align": "right", "format": "percent" }, { "font": { "bold": true, "size": 12 }, "textwrap": true, "bgcolor": "#fff2cd", "align": "center" }, { "font": { "bold": true, "size": 12 }, "textwrap": true, "bgcolor": "#fff2cd", "format": "number" }, { "font": { "bold": true, "size": 12 }, "textwrap": true, "bgcolor": "#fff2cd", "format": "normal" }, { "font": { "bold": true, "size": 12 }, "textwrap": true, "bgcolor": "#fff2cd", "align": "center", "format": "normal" }, { "font": { "bold": true, "size": 12 }, "textwrap": true, "bgcolor": "#fff2cd", "format": "percent" }, { "font": { "bold": true, "size": 12 }, "textwrap": true, "bgcolor": "#fff2cd", "align": "center", "format": "number" }, { "align": "center" }, { "font": { "bold": true, "size": 12 }, "textwrap": true, "bgcolor": "#fff2cd", "align": "left" }, { "align": "left" }, { "format": "normal", "align": "right" }, { "format": "normal", "align": "center" }, { "font": { "bold": true, "size": 12 }, "textwrap": true, "bgcolor": "#fff2cd", "align": "center", "format": "percent" } ], "merges": [], "rows": { "0": { "cells": { "0": { "text": "Organization", "value": "Organization", "style": 10,// style range 0-xx, causes changes to element alignment and format "editable": false }, "1": { "text": "Date", "value": "Date", "style": 10, "editable": false }, "2": { "text": "Week", "value": "Week", "style": 17, "editable": false }, "3": { "text": "Start time", "value": "Start time", "style": 17, "editable": false }, "4": { "text": "End time", "value": "End time", "style": 17, "editable": false }, "5": { "text": "Responsable", "value": "Responsable", "style": 17, "editable": false }, "6": { "text": "Assigned To", "value": "Assigned To", "style": 17, "editable": false }, "7": { "text": "Product Name", "value": "Product Name", "style": 17, "editable": false }, "8": { "text": "Product Code", "value": "Product Code", "style": 17, "editable": false }, "9": { "text": "Amount", "value": "Amount", "style": 17, "editable": false }, "10": { "text": "Amount Units", "value": "Amount Units", "style": 17, "editable": false }, "height": 97 } }, }, "cols": { "len": 15 }, "validations": [ { "refs": [ "I3:I1000" ], "mode": "cell", "type": "list", "required": true, "operator": "be", "value": "AED,USD,EURO" }, { "refs": [ "M3:M1000" ], "mode": "cell", "type": "list", "required": true, "operator": "be", "value": "Y,N" }, { "refs": [ "P3:P1000" ], "mode": "cell", "type": "list", "required": true, "operator": "be", "value": "Y,N" }, { "refs": [ "R3:R1000" ], "mode": "cell", "type": "list", "required": true, "operator": "be", "value": "Y,N" }, { "refs": [ "N3:N1000" ], "mode": "cell", "type": "list", "required": true, "operator": "be", "value": "1,2,3,4,5" }, { "refs": [ "S3:S1000" ], "mode": "cell", "type": "list", "required": true, "operator": "be", "value": "1,5,10,15,20" } ], "autofilter": {} }

I need date picker for some columns any idea?