Skip to content

ResourcesHeader is unpredictable #245

Description

@jagthedrummer

Before submitting a new issue

  • I tested using the latest version of the library, as the bug might be already fixed.
  • I tested using a supported version of react native.
  • I checked for possible duplicate issues, with possible answers.

Bug summary

The resources calendar is an awesome new addition, but it does some weird (or at least unexpected by me) things to the calendar header.

Library version

2.5.6

Environment info

$ yarn react-native info
yarn run v1.22.22
warning ../package.json: No license field
$ /Users/jgreen/projects/norman-music-fest-mobile-app-2025/node_modules/.bin/react-native info
info Fetching system and libraries information...
System:
  OS: macOS 15.7.1
  CPU: (10) arm64 Apple M1 Max
  Memory: 169.61 MB / 64.00 GB
  Shell:
    version: 3.2.57
    path: /bin/bash
Binaries:
  Node:
    version: 22.12.0
    path: /var/folders/fx/vmqbtyws34j1l88m16_9jy_00000gn/T/yarn--1770233568032-0.8190977053463446/node
  Yarn:
    version: 1.22.22
    path: /var/folders/fx/vmqbtyws34j1l88m16_9jy_00000gn/T/yarn--1770233568032-0.8190977053463446/yarn
  npm:
    version: 10.9.0
    path: /Users/jgreen/.asdf/plugins/nodejs/shims/npm
  Watchman:
    version: 2025.05.26.00
    path: /opt/homebrew/bin/watchman
Managers:
  CocoaPods:
    version: 1.16.2
    path: /Users/jgreen/.asdf/shims/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 24.2
      - iOS 18.2
      - macOS 15.2
      - tvOS 18.2
      - visionOS 2.2
      - watchOS 11.2
  Android SDK: Not Found
IDEs:
  Android Studio: 2021.3 AI-213.7172.25.2113.9123335
  Xcode:
    version: 16.2/16C5032a
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.13
    path: /usr/bin/javac
  Ruby:
    version: 3.4.4
    path: /Users/jgreen/.asdf/shims/ruby
npmPackages:
  "@react-native-community/cli":
    installed: 20.1.1
    wanted: latest
  react:
    installed: 19.0.0
    wanted: 19.0.0
  react-native:
    installed: 0.79.5
    wanted: 0.79.5
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: true
iOS:
  hermesEnabled: true
  newArchEnabled: true

info React Native v0.83.0 is now available (your project is running on v0.79.5).
info Changelog: https://github.com/facebook/react-native/releases/tag/v0.83.0
info Diff: https://react-native-community.github.io/upgrade-helper/?from=0.79.5&to=0.83.0
info For more info, check out "https://reactnative.dev/docs/upgrading?os=macos".
✨  Done in 2.65s.

Steps to reproduce

  1. Have a day calendar, and note the header:
Image
  1. Pass resources to the calendar, and note the change in the header. The date display moves to a new position and changes format. Also, the lanes do not pick up the name attribute of the resources that are passed in, so the lane headers are all blank by default.
Image
  1. Pass enableResourceScroll={true} to the calendar and note another change in the header. The date display disappears entirely, and the lane headers are still blank.
Image

It would be nice if the date would remain in the top left corner like in the first example once lanes are turned on.

Reproducible example repository

N/A

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions