Id getting saved in business object instead of the actual data selected in single select

We are developing a page in VBCS. We have a single select component in it with the label Period Name which displays a list of period names for users to select. The data source for this LOV is a SDP from a REST Endpoint (/fscmRestApi/resources/11.13.18.05/accountingPeriodsLOV). The response format is

{ "PeriodNameId": "13_Dec-29",

        "PeriodSetNameId": "Progress UK",

        "PeriodType": "MONTH0365891736",

        "AdjustmentPeriodFlag": true,

        "StartDate": "2029-12-31",

        "EndDate": "2029-12-31",

        "EnteredPeriodName": "13_Dec-29",

        "PeriodYear": 2029,

        "PeriodNumber": 13

    }

In the REST API response the key and text filter attributes both are set to be EnteredPeriodName. But on selecting the vale 13_Dec_29 from LOV, the data that is getting saved into our business object is the PeriodNumber value i.e., 13 and not 13-Dec-29. Can someone please help with this.