How to achieve different view for DayAnimated and different view for day component

[rabadiya-vishal]

As I am using renderDay it assigns same design for DayAnimated also, I want use different design for day animated also.

Also when i changes date format in Day it changed, but in floating day component it was like old one.

[kesha-antonov]

Fixed in #2748 (on master).

renderDay now receives an isAnimated flag so you can give the floating/animated day header a different look from the inline day separators with a single renderDay:

<GiftedChat
  // ...
  renderDay={(props) =>
    props.isAnimated
      ? <MyFloatingDay {...props} />   // sticky header shown while scrolling
      : <Day {...props} />              // inline separators between day groups
  }
/>

isAnimated is true for the floating header and false/undefined for the inline separators.

On the date format: dateFormat / dateFormatCalendar already flow through to the floating header, so once you're on master your custom format will apply to both. If you were seeing the floating header keep an old format, that's because a custom renderDay was previously rendering both with the same code - with the isAnimated branch you can now format each as you like.