[Closed] Channel Form styling - CSS referencing #cform

Just spend some time trying to get a datepicker in a Channel Form to work in EE6.0.3. Using the basic instructions here (https://docs.expressionengine.com/latest/channels/channel-form/overview.html#basic-usage) and here (https://docs.expressionengine.com/latest/channels/channel-form/inputs.html#entry-date) it tells me to include the channel form css which I did. What I didn’t notice until I loaded the css file in an editor is all references to #cform in the css file. I was having an issue getting the datepicker to work correctly. It would load but not function as it was supposed to. What I realized is the datepicker doesn’t work correctly unless I add id=”cform” to the channel form itself.

I’m not sure why this would be needed when I give my forms their own id; Is this ID supposed to be loaded somewhere else or do I need to ID all my channel forms with cform? This doesn’t seem correct as I may have more than one form on a page; it seems this should be a class and not an ID.

Here’s the bare basics of my code:

{exp:channel:form channel="project" include_jquery="no" json="yes" class="cf-ajax-form gsm-form" id="new-project" datepicker="yes" include_assets=”yes"}

<input type="text" name="project_acceptance_date" value="{project_acceptance_date format='%n/%j/%Y %g:%i %A'}" maxlength="23" size="25" rel="date-picker" data-timestamp="{project_acceptance_date}" data-date-format="%n/%j/%Y %g:%i %A"></p>

{/exp:channel:form}

I’m loading jquery manually which is the reason for the parameter. The only way the datepicker works is if I either wrap everything in a #cform div or replace my form ID with id=”cform” which neither seem right.

Am I missing something?