How to get delivery method "id" in checkout ui extension

Retired Boards Appdev Extensions
, ,
1 
const deliveryGroups = useDeliveryGroups();

I am getting delivery method defination options here but i want “id” like admin graphql provided so how can i compare both

query {
  deliveryProfiles(first: 50) {
    edges {
        node {
            profileLocationGroups {
                locationGroupZones(first: 50) {
                    edges {
                        node {
                            methodDefinitions(first: 50) {
                                edges {
                                    node {
                                       id
                                      active
                                      description
                                      name
                                      rateProvider{
                                        __typename
                                      }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
  }
}

so how can i match both because in graphql not getting handle or in checkout ui not getting id. so please anyone explain me how to deal with this problem.

i am making an app delivery date and when specific delivery method is picked only display delivery date to them

@SBD @Liam