Date Range Picker

1. Deskripsi :

Penggunaan tipe input ini untuk merender formulir atau input dalam aplikasi web. Tipe data dalam hal ini yaitu "date-range" untuk mendeskripsikan jarak waktu yang dipilih berupa inputan tanggal awal ("startDateField") dan tanggal akhir ("endDateField"). Tipe data ini biasanya digunakan pada "dynamicColumnsFilter" juga untuk menampilkan data dari filter date range yang diminta. Seperti contoh berikut:

1. Implementasi JSON :

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

1. Gambar capture contoh hasil Implementasi :

inputan pada Form

Hasil implementasi blok range inputan

Hasil inputan dari date yang di blok