TP-31726 | interactions date filter fix | Priyank (#475)

* TP-31726 | interactions date filter fix

* TP-31726 | update date range change basedon from and to value

* TP-31726 | update date range suggested by Herik | Priyank

* TP-31726 | date picker width
This commit is contained in:
Priyank Rastogi
2023-07-11 21:41:49 +05:30
committed by GitHub Enterprise
parent 6756e76d08
commit 542b603ad2
3 changed files with 20 additions and 10 deletions

View File

@@ -77,8 +77,8 @@ const CallInteractions = () => {
}
return {
...createCommonPayload(loanId),
from: queryParams?.FROM_TIME || defaultLastMonthDate,
to: queryParams?.TO_TIME || maxInputDate,
from: queryParams?.[FROM_TIME] || defaultLastMonthDate,
to: queryParams?.[TO_TIME] || maxInputDate,
role: roles?.join()
};
};
@@ -163,14 +163,15 @@ const CallInteractions = () => {
type="datetime-local"
id={FROM_TIME}
name={FROM_TIME}
max={maxInputDate}
value={queryParams?.FROM_TIME || defaultLastMonthDate}
max={queryParams?.[TO_TIME] || maxInputDate}
value={queryParams?.[FROM_TIME] || defaultLastMonthDate}
onChange={val => {
handleTimeChange(val, FROM_TIME);
addClickstreamEvent(CLICKSTREAM_EVENT_NAMES.LH_Interactions_FromDateIcon, {
tab: 'Call'
});
}}
className={styles.datePicker}
/>
</GridColumn>
<GridColumn md={3} className={styles.datePickerInput}>
@@ -180,13 +181,15 @@ const CallInteractions = () => {
id={TO_TIME}
name={TO_TIME}
max={maxInputDate}
value={queryParams?.TO_TIME || maxInputDate}
min={queryParams?.[FROM_TIME] || defaultLastMonthDate}
value={queryParams?.[TO_TIME] || maxInputDate}
onChange={val => {
handleTimeChange(val, TO_TIME);
addClickstreamEvent(CLICKSTREAM_EVENT_NAMES.LH_Interactions_ToDateIcon, {
tab: 'Call'
});
}}
className={styles.datePicker}
/>
</GridColumn>
</>

View File

@@ -99,8 +99,8 @@ const SystemInteractions = (props: ISystemInteractionsProps) => {
} else if (isTypeFieldVisit) {
return {
...createCommonPayload(loanId),
from: queryParams?.FROM_TIME || defaultLastMonthDate,
to: queryParams?.TO_TIME || maxInputDate
from: queryParams?.[FROM_TIME] || defaultLastMonthDate,
to: queryParams?.[TO_TIME] || maxInputDate
};
}
return {
@@ -216,14 +216,15 @@ const SystemInteractions = (props: ISystemInteractionsProps) => {
type="datetime-local"
id={FROM_TIME}
name={FROM_TIME}
max={maxInputDate}
value={queryParams?.FROM_TIME || defaultLastMonthDate}
max={queryParams?.[TO_TIME] || maxInputDate}
value={queryParams?.[FROM_TIME] || defaultLastMonthDate}
onChange={val => {
handleTimeChange(val, FROM_TIME);
addClickstreamEvent(CLICKSTREAM_EVENT_NAMES.LH_Interactions_FromDateIcon, {
tab: type
});
}}
className={styles.datePicker}
/>
</GridColumn>
<GridColumn md={3} className={styles.datePickerInput}>
@@ -233,13 +234,15 @@ const SystemInteractions = (props: ISystemInteractionsProps) => {
id={TO_TIME}
name={TO_TIME}
max={maxInputDate}
value={queryParams?.TO_TIME || maxInputDate}
min={queryParams?.[FROM_TIME] || defaultLastMonthDate}
value={queryParams?.[TO_TIME] || maxInputDate}
onChange={val => {
handleTimeChange(val, TO_TIME);
addClickstreamEvent(CLICKSTREAM_EVENT_NAMES.LH_Interactions_ToDateIcon, {
tab: type
});
}}
className={styles.datePicker}
/>
</GridColumn>
</>

View File

@@ -69,3 +69,7 @@
.mg_0 {
margin: 0px;
}
.datePicker {
width: 194px;
}