V7 ion-datetime-button - keep getting error datetime instance not found for ID

Hello, I am a newbie and I am finishing up a course that was really designed for older versions of Ionic, however, to this point, I have not had any issues. But I have had a hard time getting the datetime logic working consistently in Ionic 7. I have seen a couple of posts where someone has had the exact same issue as I am experiencing. I have attached an image where I even simplified my approach and I still get the error

[Ionic Error]: No ion-datetime instance found for ID ‘datetime’.

I have tried to solve this ID for the past few days and I still at a dead end. I was going to roll back to an earlier version, but I am not going to throw in towel yet. :slight_smile: I hope somebody can explain what is going on.

Thanks, Tom

These are all the pertinent dependencies for my project

@angular/animations”: “^16.0.0”,
@angular/cdk”: “^15.2.9”,
@angular/common”: “^16.0.0”,
@angular/compiler”: “^16.0.0”,
@angular/core”: “^16.0.0”,
@angular/forms”: “^16.0.0”,
@angular/platform-browser”: “^16.0.0”,
@angular/platform-browser-dynamic”: “^16.0.0”,
@angular/router”: “^16.0.0”,
@capacitor/android”: “^5.5.1”,
@capacitor/app”: “5.0.6”,
@capacitor/core”: “^5.5.1”,
@capacitor/haptics”: “5.0.6”,
@capacitor/keyboard”: “5.0.6”,
@capacitor/status-bar”: “5.0.6”,
@ionic/angular”: “^7.5.4”,
“ionicons”: “^7.2.1”,
“rxjs”: “~7.8.0”,
“tslib”: “^2.3.0”,
“zone.js”: “~0.13.0”