is there any way to display to single date field instead of month calender?

Honestly, there's a whole host of components that you could combine in ways that would all slightly alter the look and feel.  The added customizations to all the various layouts now mean you can really get something very close to exactly what you want by rolling your own.

You could use card layouts, box layouts, a billboard layout with a side-by-side nested inside, side-by-side text inputs, columns layouts with 7 columns, all manner of richText, or a milestone with 7 items, any number of things to get the look and feel you want.

For the contents of the headers, and options for the boxes underneath, consider the whole suite of dateTime functions available in the documentation.  Don't limit yourself to the Date input field; consider a custom picker, a text input, a simple integer input, or whether you could get a lot out of the type-ahead feature they just added to the dropdown component.  One thing to keep in mind is that as you limit the possible responses, you also limit the user's ability to do something wrong by accident, which is a VERY good thing.

My strong advice is to explore all the various different ways to roll your own version of this interface that's exactly what you want.  If it turns out really good, sell the component template on the AppStore.

Yes, we will need a little bit of additional information.  Are you looking to select just a date value vs seeing an entire month calendar, etc?  Something like a dropdown with date ranges?

a!localVariables(
  local!rangePrior: 3,
  local!rangeAfter: 10,
  local!dates: a!forEach(
    items: append({-local!rangePrior+enumerate(local!rangePrior)},{enumerate(local!rangeAfter+1)}),
    expression: today()+fv!item
  ),
  local!selected: today(),

  a!dropdownField(
    label: "Date",
    choiceLabels: local!dates,
    choiceValues: local!dates,
    value: local!selected,
    saveInto: local!selected
  )
)

Thank you chris,
somewhat issue is resolved.