Date Time Range Picker

1. Deskripsi :

Penggunaan tipe input ini untuk merender formulir atau input dalam aplikasi web. Tipe data dalam hal ini yaitu "datetime-range" untuk mendeskripsikan inputan berupa jarak waktu, ("startDateField") sebagai waktu awal dan ("endDateField") sebagai waktu akhir. Tipe data ini biasanya digunakan pada "dynamicColumnsFilter" juga untuk menampilkan data dari filter date time range yang diminta. Perbedaannya dengan date range adalah adanya parameter jam sebagai inputannya. Seperti contoh berikut:

1. Implementasi JSON

"dynamicColumnsFilter": [
    {
      "fieldName": "startDateEndDate",
      "fieldLabel": "Periode Transaksi",
      "type": "datetime-range",
      "size": 12,
      "startDateField": "planned_startDate",
      "endDateField": "planned_endDate",
      "includeOnPayload": false,
      "rules": {
        "required": false
      }
    },
    {
      "fieldName": "planned_startDate",
      "fieldLabel": "Termination Date",
      "type": "datetime",
      "size": 12,
      "isHidden": false
    },
    {
      "fieldName": "planned_endDate",
      "fieldLabel": "End Date",
      "type": "datetime",
      "size": 12,
      "isHidden": false
    }
]

1. Gambar capture contoh hasil Implementasi :

inputan pada Form

Hasil implementasi blok range inputan

Hasil inputan dari datetime yang di blok