How to add Extended DAC Field in the Sales order screen Payment tab Create Payment popup (Smart Panel) in the Modern UI

tried with below code
TS file
import { PXView, PXFieldState, PXFieldOptions } from "client-controls";
import { SOQuickPayment } from "../../common/panel-create-payment/panel-create-payment";
export interface SOQuickPayment_customfields extends SOQuickPayment { }
export class SOQuickPayment_customfields {
UsrPSSOCashTaken: PXFieldState<PXFieldOptions.CommitChanges>;
UsrPSSOCashChange: PXFieldState<PXFieldOptions.CommitChanges | PXFieldOptions.Disabled>;
}
HTML file
<template>
<field after="#QuickPayment_CreatePaymentFormLayout0 [name='CuryID']" name="UsrPSSOCashTaken"></field>
<field after="#QuickPayment_CreatePaymentFormLayout0 [name='UsrPSSOCashTaken']" name="UsrPSSOCashChange"></field>
</template>
