Modern UI Selector Field Not Working (Postal Code)

Hii ​@maneeshau91 , try to add this controlType: "qp-selector" above  @controlConfig({ allowEdit: true })
PostalCode: PXFieldState<PXFieldOptions.CommitChanges>; in ts file 

try this way

@fieldConfig({
    controlType: "qp-selector",
    controlConfig: {
    displayMode: 'text',
    suggester: { descriptionName: 'CultureReadableName' },
    }
}) 
FormatLocale: PXFieldState;

After adding try to 

Run the following command in the FrontendSources\screen folder of your instance.

“npm run build-dev --- --env customFolder=development screenIds=”

​@tareshpatil51  
I have added the changes below and ran build dev, but it is still not working.

import {  PXFieldState,  PXFieldOptions , controlConfig} from "client-controls";
import { Address } from "src/screens/common/form-address/form-address";

export interface AddressExt extends Address {}
export class AddressExt {  controlType: "qp-selector"
@controlConfig({ allowEdit: true})
PostalCode: PXFieldState<PXFieldOptions.CommitChanges>;
}

Could you please help me understand how default fields can be extended? Also, is it required to make changes in the HTML file?

In Modern UI (client-controls) you extend fields using class extension, not by editing original Address.

import {
  PXFieldState,
  PXFieldOptions,
  controlConfig
} from "client-controls";

import { Address } from "src/screens/common/form-address/form-address";


export class AddressExt extends Address {

  @controlConfig({
    allowEdit: true
  })
  PostalCode: PXFieldState<PXFieldOptions.CommitChanges>;

}

No html change needed..!

@tareshpatil51 Thanks for response

I tried above code but not works, I am not sure what i am missing.